-> Settings the packages: "quasar-framework": "0.17.17" because with "0.17.18" gives an error!

-> the Build now works! But actually nothing is visible in the website remote.

.babelrc

@@ -37,8 +37,10 @@
     [
       "@babel/plugin-transform-runtime",
       {
-        "regenerator": true,
-        "helpers": true
+        "corejs": false,
+        "regenerator": false,
+        "helpers": true,
+        "useESModules": false
       }
     ]
   ],

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "vue-order-admin",
-  "version": "0.1.0",
+  "name": "freeplanet",
+  "version": "0.0.1",
   "private": true,
   "scripts": {
     "lint": "tslint --project tsconfig.json",
@@ -12,6 +12,7 @@
     "test:unit": "jest",
     "test:cover": "jest --coverage",
     "build": "quasar build",
+    "build:pwa": "quasar build -m pwa",
     "build:ssr": "quasar build -m ssr",
     "build:clean": "quasar clean",
     "serve": "quasar serve ./dist/spa-mat",
@@ -21,18 +22,21 @@
     "deploy:ssr": "now dist/ssr-mat"
   },
   "dependencies": {
+    "quasar-extras": "^2.0.8",
+    "quasar-framework": "0.17.17",
     "@types/vuelidate": "^0.7.0",
+    "acorn": "^6.0.0",
     "axios": "^0.18.0",
-    "babel-runtime": "^6.0.0",
+    "babel-runtime": "^6.26.0",
     "bcrypt": "^3.0.2",
     "bcryptjs": "^2.4.3",
     "dotenv": "^6.1.0",
     "element-ui": "^2.3.6",
+    "google-translate-api": "^2.3.0",
     "js-cookie": "^2.2.0",
     "normalize.css": "^8.0.0",
     "npm": "^6.4.1",
     "nprogress": "^0.2.0",
-    "quasar-extras": "0.0.7",
     "register-service-worker": "^1.0.0",
     "vee-validate": "^2.1.2",
     "vue": "^2.5.17",
@@ -49,9 +53,19 @@
     "vuex-typex": "^3.0.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.1.2",
-    "@babel/plugin-transform-runtime": "^7.1.0",
-    "@babel/preset-env": "^7.1.0",
+    "@babel/runtime": "7.0.0-beta.54",
+    "@babel/core": "7.0.0-beta.50",
+    "@babel/code-frame": "7.0.0-beta.54",
+    "@babel/generator": "7.0.0-beta.54",
+    "@babel/helpers": "7.0.0-beta.54",
+    "@babel/parser": "7.0.0-beta.54",
+    "@babel/template": "7.0.0-beta.54",
+    "@babel/traverse": "7.0.0-beta.54",
+    "@babel/types": "7.0.0-beta.54",
+    "@babel/preset-env": "7.0.0-beta.54",
+    "@vue/babel-preset-app": "3.1.1",
+    "@babel/preset-react": "7.0.0",
+    "babel-plugin-transform-imports": "1.5.1",
     "@types/dotenv": "^4.0.3",
     "@types/jest": "^23.1.4",
     "@types/js-cookie": "^2.1.0",
@@ -65,8 +79,7 @@
     "@vue/cli-plugin-unit-jest": "^3.0.1",
     "@vue/cli-service": "^3.0.1",
     "@vue/test-utils": "^1.0.0-beta.20",
-    "babel-core": "7.0.0-bridge.0",
-    "babel-loader": "^8.0.4",
+    "babel-loader": "^8.0.0-beta.2",
     "eslint": "^5.5.0",
     "html-webpack-plugin": "^2.8.1",
     "http-proxy-middleware": "^0.17.0",
@@ -85,9 +98,9 @@
     "vue-cli-plugin-element-ui": "^1.1.2",
     "vue-template-compiler": "^2.5.17",
     "vueify": "^9.4.1",
-    "webpack": "^2.2.1",
-    "webpack-dev-middleware": "^1.8.4",
-    "webpack-hot-middleware": "^2.18.1",
+    "webpack": "^4.0.0",
+    "webpack-dev-middleware": "^3.2.0",
+    "webpack-hot-middleware": "^2.24.3",
     "webpack-merge": "^4.0.0"
   },
   "engines": {

src/components/Header.vue

@@ -23,7 +23,7 @@
                     <div slot="subtitle">{{$t('msg.myDescriz')}}</div>
                 </q-toolbar-title>
 
-                <q-select class="sel_lang" v-model="lang" stack-label="" :options="selectOpLang"/>
+                <q-select class="sel_lang" v-model="setlang" stack-label="" :options="selectOpLang"/>
 
                 <!--<message-popover></message-popover>-->
 
@@ -49,66 +49,71 @@
     </div>
 </template>
 
-<script>
-  import {openURL} from 'quasar';
+<script lang="ts">
+  // import { openURL } from 'quasar'
 
   import {Quasar} from 'quasar';
 
+
+
+  import Vue from 'vue'
+  import Component from 'vue-class-component'
+
   import drawer from '../layouts/drawer/drawer.vue'
   import messagePopover from '../layouts/toolbar/messagePopover.vue'
 
-  // import user from '../store/Modules/user';
-
-  export default {
+  @Component({
     components: {
       drawer,
       messagePopover,
-    },
-    created() {
-      //this.$store.dispatch('initStocks');
-    },
-    methods: {
-      openURL,
-    },
-    data: function () {
-      return {
-        selectOpLang: [
-          {label: 'English (UK)', icon: 'fa-flag-us', value: 'en-uk'},
-          {label: 'German', icon: 'fa-flag-de', value: 'de'},
-          {label: 'Spanish', icon: 'fa-flag-es', value: 'es'},
-          {label: 'Italian', icon: 'fa-facebook', value: 'it'}
-        ],
-        lang: this.$q.i18n.lang,
-        leftDrawerOpen: this.$q.platform.is.desktop
-      }
-    },
-    watch: {
-      lang(lang) {
-        this.$i18n.locale = snakeToCamel(lang);
-        console.log("LANG LOCALE = " + this.$i18n.locale);
-
-        // dynamic import, so loading on demand only
-        import(`quasar-framework/i18n/${lang}`).then(lang => {
-          //console.log("lang prima = " + this.$q.i18n.lang);
-          this.$q.i18n.set(lang.default);
-          var mylang = this.$q.i18n.lang;
-          console.log("lang = " + this.$q.i18n.lang);
-          //console.log("lang DOPO = " + this.$q.i18n.lang);
-          import(`src/i18n`).then(function () {
-
-          });
-        });
-
-        // dynamic import, so loading on demand only
-      }
     }
+  })
+
+  export default class Header extends Vue {
+  /*
+    public $v
+    public $q
+
+
+
+    public selectOpLang = [
+      { label: 'English (UK)', icon: 'fa-flag-us', value: 'en-uk' },
+      { label: 'German', icon: 'fa-flag-de', value: 'de' },
+      { label: 'Spanish', icon: 'fa-flag-es', value: 'es' },
+      { label: 'Italian', icon: 'fa-facebook', value: 'it' }
+    ]
+    public lang = this.$q.i18n.lang
+    // public leftDrawerOpen = this.$q.platform.is.desktop
+
+    public setlang(lang) {
+      this.$i18n.locale = this.snakeToCamel(lang)
+      console.log("LANG LOCALE = " + this.$i18n.locale)
+
+
+      // dynamic import, so loading on demand only
+      import(`quasar-framework/i18n/${lang}`).then(lang => {
+        //console.log("lang prima = " + this.$q.i18n.lang);
+        this.$q.i18n.set(lang.default)
+        var mylang = this.$q.i18n.lang
+        console.log("lang = " + this.$q.i18n.lang)
+        //console.log("lang DOPO = " + this.$q.i18n.lang);
+        import(`src/i18n`).then(function () {
+
+        })
+      })
+
+      // dynamic import, so loading on demand only
+    }
+
+    public snakeToCamel(str) {
+      return str.replace(/(-\w)/g, m => {
+        return m[1].toUpperCase()
+      })
+    }
+  */
+
   }
 
-  function snakeToCamel(str) {
-    return str.replace(/(-\w)/g, m => {
-      return m[1].toUpperCase()
-    })
-  }
 
 </script>
 

src/views/login/signup/signup-validate.ts

@@ -1,7 +1,7 @@
 import { ISignupOptions } from 'model'
 import { required, minLength, email, sameAs } from 'vuelidate/lib/validators'
-import { ValidationRuleset } from 'vuelidate'
-import { complexity, registereduser, registeredemail } from 'validation'
+// import { ValidationRuleset } from 'vuelidate'
+import { complexity, registereduser, registeredemail } from '../../../validation'
 
 export type TSignup = { signup: ISignupOptions, validationGroup: string[] }