Update vue/vuetify to latest versions

Author: fnoop

babel.config.js

@@ -1,5 +1,5 @@
 module.exports = {
   presets: [
-    '@vue/app'
+    '@vue/cli-plugin-babel/preset'
   ]
 }

package.json

@@ -8,48 +8,48 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "@vue/cli": "^3.11.0",
-    "apollo-cache-inmemory": "^1.6.3",
-    "apollo-link": "^1.2.12",
-    "apollo-link-http": "^1.5.15",
-    "graphql": "^14.4.2",
+    "apollo-cache-inmemory": "^1.6.5",
+    "apollo-link": "^1.2.13",
+    "apollo-link-http": "^1.5.16",
+    "core-js": "^3.4.4",
+    "graphql": "^14.6.0",
     "graphql-tag": "^2.10.1",
-    "pixi.js": "^5.1.1",
+    "pixi.js": "^5.2.1",
     "register-service-worker": "^1.6.2",
-    "vue": "^2.6.10",
-    "vue-apollo": "^3.0.0-rc.2",
-    "vue-cesium": "^0.0.22",
-    "vue-cli-plugin-apollo": "^0.21.0",
+    "vue": "^2.6.11",
+    "vue-apollo": "^3.0.3",
+    "vue-cesium": "^2.0.5",
+    "vue-cli-plugin-apollo": "^0.21.3",
     "vue-fullscreen": "^2.1.5",
     "vue-lodash": "^2.0.2",
-    "vue-router": "^3.0.7",
-    "vue-timers": "^2.0.2",
+    "vue-router": "^3.1.5",
+    "vue-timers": "^2.0.4",
     "vue-visibility-change": "^1.2.1",
     "vuebar": "^0.0.20",
-    "vuelayers": "^0.11.5-beta.8",
-    "vuetify": "^2.0.4",
-    "vuex": "^3.1.1",
+    "vuelayers": "^0.11.21",
+    "vuetify": "^2.2.8",
+    "vuex": "^3.1.2",
     "vuex-router-sync": "^5.0.0"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^3.10.0",
-    "@vue/cli-plugin-eslint": "^3.10.0",
-    "@vue/cli-service": "^3.10.0",
-    "@vue/cli-shared-utils": "^3.10.0",
-    "babel-eslint": "^10.0.2",
-    "deepmerge": "^4.0.0",
-    "eslint": "^6.1.0",
-    "eslint-plugin-vue": "^5.2.3",
-    "fibers": "^4.0.1",
+    "@vue/cli-plugin-babel": "^4.1.2",
+    "@vue/cli-plugin-eslint": "^4.1.2",
+    "@vue/cli-service": "^4.1.2",
+    "@vue/cli-shared-utils": "^4.1.2",
+    "babel-eslint": "^10.0.3",
+    "deepmerge": "^4.2.2",
+    "eslint": "^6.8.0",
+    "eslint-plugin-vue": "^6.1.2",
+    "fibers": "^4.0.2",
     "pug": "^2.0.4",
     "pug-plain-loader": "^1.0.0",
-    "sass": "^1.22.9",
-    "sass-loader": "^7.1.0",
-    "typescript": "^3.5.3",
-    "vue-cli-plugin-vuetify": "^0.6.1",
-    "vue-template-compiler": "^2.6.10",
-    "vuetify-loader": "^1.3.0",
-    "webpack": "^4.39.1"
+    "sass": "^1.25.0",
+    "sass-loader": "^8.0.2",
+    "typescript": "^3.7.5",
+    "vue-cli-plugin-vuetify": "^2.0.3",
+    "vue-template-compiler": "^2.6.11",
+    "vuetify-loader": "^1.4.3",
+    "webpack": "^4.41.5"
   },
   "eslintConfig": {
     "root": true,

vue.config.js

@@ -4,6 +4,10 @@ module.exports = {
 
   // tweak internal webpack configuration.
   // see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
+
+  "transpileDependencies": [
+    "vuetify"
+  ],
 
   /*
   chainWebpack: config => {
@@ -50,15 +54,15 @@ module.exports = {
   css: {
     loaderOptions: {
       sass: {
-        data: `@import "~@/sass/main.scss"`,
+        prependData: `@import "~@/sass/main.scss"`,
       },
     },
   },
 
   chainWebpack: config => {
     ["vue-modules", "vue", "normal-modules", "normal"].forEach((match) => {
       config.module.rule('scss').oneOf(match).use('sass-loader')
-        .tap(opt => Object.assign(opt, { data: `@import '~@/sass/main.scss';` }))
+        .tap(opt => Object.assign(opt, { prependData: `@import '~@/sass/main.scss';` }))
     })
   },