update to babel 7.9 vuetify-cli 2.0

.eslintrc.js

@@ -11,31 +11,39 @@ module.exports = {
     'comma-dangle': ['error', 'always-multiline'],
     'array-element-newline': [
       'error',  {
-        "multiline": true,
-        "minItems": 2,
+        multiline: true,
+        minItems: 2,
       },
     ],
     'array-bracket-newline': [
       'error',  {
-        "multiline": true,
-        "minItems": 2,
+        multiline: true,
+        minItems: 2,
       },
     ],
     'array-bracket-spacing': ['error', 'never'],
     'object-curly-newline': [
       'error',  {
-        'consistent': true,
+        consistent: true,
       },
     ],
     'object-curly-spacing': ['error', 'always'],
   },
 
+  parser: "vue-eslint-parser",
+
   parserOptions: {
-    parser: 'babel-eslint',
+    parser: "babel-eslint",
+    sourceType: "module",
+    ecmaVersion: 2017,
   },
 
   extends: [
     'plugin:vue/essential',
     '@vue/standard',
   ],
+
+  plugins: [
+    'vue',
+  ],
 }

babel.config.js

@@ -1,3 +1,12 @@
 module.exports = {
-  presets: ['@vue/app'],
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        useBuiltIns: 'usage',
+        corejs: 3,
+      },
+    ],
+    // '@vue/app',
+  ],
 }

examples/cms/config/crud.js

@@ -17,7 +17,7 @@ export default {
       return param.substring(0, 10)
     },
     timeFromTimestamp: (param) => {
-      let tmp = param || ''
+      const tmp = param || ''
       return tmp.substring(0, 5)
     },
     datetimeFromTimestamp: (param) => {

examples/cms/registerServiceWorker.js

@@ -7,6 +7,7 @@ if (process.env.NODE_ENV === 'production') {
     ready () {
       console.log(
         'App is being served from cache by a service worker.\n' +
+        // eslint-disable-next-line comma-dangle
         'For more details, visit https://goo.gl/AFskqB'
       )
     },

examples/cms/routes/app/Index.vue

@@ -201,7 +201,7 @@ export default {
       'userInfo',
     ]),
     year () {
-      let year = new Date()
+      const year = new Date()
       return year.getFullYear()
     },
   },

examples/cms/routes/app/router.js

@@ -8,7 +8,7 @@ import storeRoutes from './routes/store/router'
 import Administration from './routes/administration/Index.vue'
 import administrationRoutes from './routes/administration/router'
 
-let appRoutes = [
+const appRoutes = [
   {
     path: 'home',
     name: 'home',

examples/cms/routes/app/routes/administration/store/actions.js

@@ -1,4 +1,4 @@
-let actions = {
+const actions = {
   // permissions
 
   // user permissions

examples/cms/routes/app/routes/administration/store/getters.js

@@ -1,4 +1,4 @@
-let getters = {
+const getters = {
   // permissions
 
   // user permissions

examples/cms/routes/app/routes/administration/store/index.js

@@ -3,7 +3,7 @@ import getters from './getters'
 import mutations from './mutations'
 import actions from './actions'
 
-let administration = {
+const administration = {
   namespaced: true,
   state,
   getters,

examples/cms/routes/app/routes/administration/store/mutations.js

@@ -1,4 +1,4 @@
-let mutations = {
+const mutations = {
   // permissions
 
   // user permissions

examples/cms/routes/app/routes/administration/store/state.js

@@ -1,4 +1,4 @@
-let state = {
+const state = {
   // permissions
 
   // user permissions

examples/cms/routes/app/routes/blog/store/actions.js

@@ -1,4 +1,4 @@
-let actions = {
+const actions = {
 }
 
 export default actions

examples/cms/routes/app/routes/blog/store/getters.js

@@ -1,4 +1,4 @@
-let getters = {
+const getters = {
 }
 
 export default getters

examples/cms/routes/app/routes/blog/store/index.js

@@ -3,7 +3,7 @@ import getters from './getters'
 import mutations from './mutations'
 import actions from './actions'
 
-let blog = {
+const blog = {
   namespaced: true,
   state,
   getters,

examples/cms/routes/app/routes/blog/store/mutations.js

@@ -1,4 +1,4 @@
-let mutations = {
+const mutations = {
 
 }
 export default mutations

examples/cms/routes/app/routes/blog/store/state.js

@@ -1,4 +1,4 @@
-let state = {
+const state = {
 
 }
 

examples/cms/routes/app/routes/cms/store/actions.js

@@ -1,4 +1,4 @@
-let actions = {
+const actions = {
 }
 
 export default actions

examples/cms/routes/app/routes/cms/store/getters.js

@@ -1,4 +1,4 @@
-let getters = {
+const getters = {
 }
 
 export default getters

examples/cms/routes/app/routes/cms/store/index.js

@@ -3,7 +3,7 @@ import getters from './getters'
 import mutations from './mutations'
 import actions from './actions'
 
-let cms = {
+const cms = {
   namespaced: true,
   state,
   getters,

examples/cms/routes/app/routes/cms/store/mutations.js

@@ -1,4 +1,4 @@
-let mutations = {
+const mutations = {
 
 }
 export default mutations

examples/cms/routes/app/routes/cms/store/state.js

@@ -1,4 +1,4 @@
-let state = {
+const state = {
 
 }
 

examples/cms/routes/app/routes/store/router.js

@@ -4,7 +4,7 @@ import TransactionProducts from './routes/transaction-products/Index.vue'
 import Transactions from './routes/transactions/Index.vue'
 import Customers from './routes/customers/Index.vue'
 
-let storeRoutes = [
+const storeRoutes = [
   {
     path: 'sections',
     name: 'store-sections',

examples/cms/routes/app/routes/store/store/actions.js

@@ -1,4 +1,4 @@
-let actions = {
+const actions = {
 }
 
 export default actions

examples/cms/routes/app/routes/store/store/getters.js

@@ -1,4 +1,4 @@
-let getters = {
+const getters = {
 }
 
 export default getters

examples/cms/routes/app/routes/store/store/index.js

@@ -3,7 +3,7 @@ import getters from './getters'
 import mutations from './mutations'
 import actions from './actions'
 
-let store = {
+const store = {
   namespaced: true,
   state,
   getters,

examples/cms/routes/app/routes/store/store/mutations.js

@@ -1,4 +1,4 @@
-let mutations = {
+const mutations = {
 
 }
 export default mutations

examples/cms/routes/app/routes/store/store/state.js

@@ -1,4 +1,4 @@
-let state = {
+const state = {
 
 }
 

examples/crm/config/crud.js

@@ -17,7 +17,7 @@ export default {
       return param.substring(0, 10)
     },
     timeFromTimestamp: (param) => {
-      let tmp = param || ''
+      const tmp = param || ''
       return tmp.substring(0, 5)
     },
     datetimeFromTimestamp: (param) => {

examples/crm/registerServiceWorker.js

@@ -7,6 +7,7 @@ if (process.env.NODE_ENV === 'production') {
     ready () {
       console.log(
         'App is being served from cache by a service worker.\n' +
+        // eslint-disable-next-line comma-dangle
         'For more details, visit https://goo.gl/AFskqB'
       )
     },

examples/crm/routes/app/Index.vue

@@ -175,7 +175,7 @@ export default {
       'userInfo',
     ]),
     year () {
-      let year = new Date()
+      const year = new Date()
       return year.getFullYear()
     },
   },

examples/crm/routes/app/router.js

@@ -4,7 +4,7 @@ import crmRoutes from './routes/crm/router'
 import Administration from './routes/administration/Index.vue'
 import administrationRoutes from './routes/administration/router'
 
-let appRoutes = [
+const appRoutes = [
   {
     path: 'home',
     name: 'home',

examples/crm/routes/app/routes/administration/router.js

@@ -2,7 +2,7 @@ import Users from './routes/users/Index.vue'
 import Permissions from './routes/permissions/Index.vue'
 import UserPermissions from './routes/user-permissions/Index.vue'
 
-let administrationRoutes = [
+const administrationRoutes = [
   {
     path: 'users',
     name: 'users',

examples/crm/routes/app/routes/administration/store/actions.js

@@ -1,4 +1,4 @@
-let actions = {
+const actions = {
   // permissions
 
   // user permissions

examples/crm/routes/app/routes/administration/store/getters.js

@@ -1,4 +1,4 @@
-let getters = {
+const getters = {
   // permissions
 
   // user permissions

examples/crm/routes/app/routes/administration/store/index.js

@@ -3,7 +3,7 @@ import getters from './getters'
 import mutations from './mutations'
 import actions from './actions'
 
-let administration = {
+const administration = {
   namespaced: true,
   state,
   getters,

examples/crm/routes/app/routes/administration/store/mutations.js

@@ -1,4 +1,4 @@
-let mutations = {
+const mutations = {
   // permissions
 
   // user permissions

examples/crm/routes/app/routes/administration/store/state.js

@@ -1,4 +1,4 @@
-let state = {
+const state = {
   // permissions
 
   // user permissions

examples/crm/routes/app/routes/crm/router.js

@@ -17,7 +17,7 @@ import PersonCommentTypes from './routes/person-comment-types/Index.vue'
 
 import Tasks from './routes/tasks/Index.vue'
 
-let crmRoutes = [
+const crmRoutes = [
   {
     path: 'companies',
     name: 'companies',

examples/crm/routes/app/routes/crm/store/actions.js

@@ -1,3 +1,3 @@
-let actions = {}
+const actions = {}
 
 export default actions

examples/crm/routes/app/routes/crm/store/getters.js

@@ -1,3 +1,3 @@
-let getters = {}
+const getters = {}
 
 export default getters

examples/crm/routes/app/routes/crm/store/index.js

@@ -3,7 +3,7 @@ import getters from './getters'
 import mutations from './mutations'
 import actions from './actions'
 
-let crm = {
+const crm = {
   namespaced: true,
   state,
   getters,

examples/crm/routes/app/routes/crm/store/mutations.js

@@ -1,2 +1,2 @@
-let mutations = {}
+const mutations = {}
 export default mutations

examples/crm/routes/app/routes/crm/store/state.js

@@ -1,3 +1,3 @@
-let state = {}
+const state = {}
 
 export default state

examples/empty/config/main.js

@@ -1 +1,22 @@
-export default {}
+export default {
+  title: 'Your App',
+  locales: [
+    {
+      name: 'en',
+      text: 'English',
+    },
+  ],
+  defaultLocale: 'en',
+  iconfont: 'md',
+  primaryTheme: 'dark',
+  secondaryTheme: 'dark',
+  theme: {
+    primary: '#AB47BC',
+    secondary: '#424242',
+    accent: '#82B1FF',
+    error: '#FF5252',
+    info: '#2196F3',
+    success: '#4CAF50',
+    warning: '#FFC107',
+  },
+}

examples/sandbox/routes/App.vue

@@ -514,9 +514,9 @@ export default {
                 title="${this.toolbarTitle}"
                 titleLink="${this.toolbarTitleLink}" ${this.toolbarShowLogo ? `
                 logo="${this.toolbarLogo}"` : `
-                :showLogo="false"`} ${this.toolbarProfileBtn ? `` : `
-                :profileBtn="false"`} ${this.toolbarLocalesBtn ? `` : `
-                :loclesBtn="false"`} ${this.toolbarLogoutBtn ? `` : `
+                :showLogo="false"`} ${this.toolbarProfileBtn ? '' : `
+                :profileBtn="false"`} ${this.toolbarLocalesBtn ? '' : `
+                :loclesBtn="false"`} ${this.toolbarLogoutBtn ? '' : `
                 :logoutBtn="false"`}
               > ${this.toolbarLeftSlot ? `
                 <template slot="left" v-if="toolbarLeftSlot">

examples/sandbox/routes/Crud.vue

@@ -605,8 +605,8 @@ export default {
       ]
     },
     buttons () {
-      let obj1 = this.showButton1 ? this.button1 : []
-      let obj2 = this.showButton2 ? this.button2 : []
+      const obj1 = this.showButton1 ? this.button1 : []
+      const obj2 = this.showButton2 ? this.button2 : []
       return [
         ...obj1,
         ...obj2,