Pretty much duplicating work from the 1.5.x release of the blank template:
phonegap/phonegap-template-vue-f7-blank@a598fff

Hi,
if I try to add a main.scss file from main.js, I always have an error like:

This relative module was not found:

* ./main.scss in ./src/main.js

The same behaviour with SASS files.

I'm also trying to use SCSS inside the style tag in my VueJS components and pages.
I've installed the sass-loader and the node-sass, but if I edits the style tag adding the lang="sass" and the . type="text/scss" attributes, I have the following error:

@media (min-width: 960px) {
                          ^
      Invalid CSS after "...width: 960px) {": expected "}", was "{"
      in /Users/lucacaprini/Development/Projects/CordovaF7Vue/src/app.vue (line 60, column 28)

 @ ./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/
lib/style-compiler?{"vue":true,"id":"data-v-5ef48958","scoped":false,"hasInlineConfig":false}!./node_modul
es/sass-loader/lib/loader.js?{"indentedSyntax":true,"sourceMap":true}!./node_modules/vue-loader/lib/select
or.js?type=styles&index=0!./src/app.vue 4:14-383 13:3-17:5 14:22-391
 @ ./src/app.vue
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

Can you help me to adding SCSS support in this template?
Thanks

See phonegap/phonegap-template-vue-f7-blank#12

It looks like webpack version 1 is deprecated.

I want to add the caching policies into the service work. As per the tutorial from phonegap website this template support PWA and uses sw-precache-webpack-plugin.

Where can I define my own caching policies and test them. Please guide me.

Thank you.

When cycling through the buttons on the Left Panel - Home, About, Services etc...

Then click on the Home button to return to the Home page.

The Main Panel doesn't load the Home page content and just stays at the last page loaded (either the About content or Services content).

It was added to Stockpile, but not the templates.

On iOS, it'd be nice to have the dark layout when the panel is behind the menu button (phones and portrait tablets) and the light layout when it is a split view (landscape tablets).

Probably the -

After adding the appropriate splash screens to config.xml, the screen on the iPhone X is used completely.

But when i open the menu, it's missing:

When i then rotate the device to the right and back, the content jumps up and is then displayed under the notch.

This does not happen, when run on any other model, e.g. iPhone 8.

Is this only Framework7 dependent? Would upgrading to the latest version of Framework7 help here?

Thanks

There is missing script after using this new v3 framework7

> npm run build && cordova run android

npm ERR! missing script: build

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\cyruschan\AppData\Roaming\npm-cache\_logs\2019-01-02T02_01_24_363Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] cordova-run-android: `npm run build && cordova run android`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] cordova-run-android script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\framework7\AppData\Roaming\npm-cache\_logs\2019-01-02T02_01_24_419Z-debug.log

Created app shows a white screen with Android <= 6.0

productionGzip is set to true, but it should only be set to true if an env var is set... otherwise it causes issues with building Android.

See phonegap/phonegap-app-stockpile@7c03aa8

https://github.com/phonegap/phonegap-template-vue-f7-blank/blob/master/template/src/main.js#L1

  ✘  http://eslint.org/docs/rules/no-unused-vars  'f7' is defined but never used  
  /* global window document f7 */

See: phonegap/phonegap-template-vue-f7-blank#6

Add details about the folders and project structure etc, like found in the Stockpile Project Overview docs into here.

To avoid confusion, we should move the index.html file that is used to build the final index.html from the root of the project to the src folder. This file is a src file in that it is the one that can be edited, then is used to generate the one in the www folder for use in Cordova.

See: phonegap/phonegap-template-vue-f7-blank#5

This is more of a F7 bug but just opening it to track.

Move the https://github.com/phonegap/phonegap-template-vue-f7-split-panel/blob/master/template/src/main.js#L65-L89 block into App.vue