some quasar cleanup

.browserslistrc

@@ -1,2 +0,0 @@
-> 1%
-last 2 versions

babel.config.js

@@ -1,3 +1,16 @@
 module.exports = {
-  presets: ["@vue/cli-plugin-babel/preset"]
-};
+  "presets": [
+    "@vue/cli-plugin-babel/preset"
+  ],
+  "plugins": [
+    [
+      "transform-imports",
+      {
+        "quasar": {
+          "transform": "quasar/dist/babel-transforms/imports.js",
+          "preventFullImport": true
+        }
+      }
+    ]
+  ]
+}

package.json

@@ -16,12 +16,19 @@
     "vuex": "^3.1.3"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^4.2.3",
-    "@vue/cli-service": "^4.2.3",
-    "babel-plugin-transform-imports": "2.0.0",
+    "@vue/cli-plugin-babel": "~4.3.0",
+    "@vue/cli-plugin-router": "~4.3.0",
+    "@vue/cli-plugin-vuex": "~4.3.0",
+    "@vue/cli-service": "~4.3.0",
+    "babel-plugin-transform-imports": "1.5.0",
     "stylus": "^0.54.7",
     "stylus-loader": "^3.0.2",
-    "vue-cli-plugin-quasar": "^2.0.0",
+    "vue-cli-plugin-quasar": "~2.0.0",
     "vue-template-compiler": "^2.6.11"
-  }
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
 }

postcss.config.js

@@ -1,5 +0,0 @@
-module.exports = {
-  plugins: {
-    autoprefixer: {}
-  }
-}

src/quasar.js

@@ -3,8 +3,14 @@ import Vue from "vue";
 import "./styles/quasar.styl";
 import "@quasar/extras/material-icons/material-icons.css";
 import "@quasar/extras/fontawesome-v5/fontawesome-v5.css";
-import "@quasar/extras/mdi-v3/mdi-v3.css";
-import Quasar from "quasar";
+import {
+  Quasar,
+  Dialog,
+  Loading,
+  LoadingBar,
+  Meta,
+  Notify
+} from 'quasar';
 
 Vue.use(Quasar, {
   config: {
@@ -18,5 +24,13 @@ Vue.use(Quasar, {
       textColor: "white",
       actions: [{ icon: "close", color: "white" }]
     }
+  },
+  plugins: {
+    Dialog,
+    Loading,
+    LoadingBar,
+    Meta,
+    Notify
   }
+
 });

src/router/index.js

@@ -1,9 +1,9 @@
 import Vue from "vue";
-import Router from "vue-router";
+import VueRouter from "vue-router";
 
-Vue.use(Router);
+Vue.use(VueRouter);
 
-export default new Router({
+const router = new VueRouter({
   mode: "history",
   base: process.env.BASE_URL,
   routes: [
@@ -63,3 +63,5 @@ export default new Router({
     { path: "*", component: () => import("@/views/NotFound") }
   ]
 });
+
+export default router;

vue.config.js

@@ -3,7 +3,12 @@ module.exports = {
     host: "192.168.99.150"
   },
   pluginOptions: {
-    quasar: {}
+    quasar: {
+      importStrategy: 'kebab',
+      rtlSupport: false
+    }
   },
-  transpileDependencies: [/[\\\/]node_modules[\\\/]quasar[\\\/]/]
-};
+  transpileDependencies: [
+    'quasar'
+  ]
+}