Add dependencies config

package.json

@@ -37,10 +37,9 @@
       "node": true
     },
     "extends": [
-      "plugin:vue/essential",
+      "plugin:vue/recommended",
       "@vue/prettier"
     ],
-    "rules": {},
     "parserOptions": {
       "parser": "babel-eslint"
     }

src/components/HelloWorld.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="hello">
+    <a-button type="danger">Danger</a-button>
     <h1>{{ msg }}</h1>
     <p>
       For a guide and recipes on how to configure / customize this project,<br />

src/logger.js

@@ -0,0 +1,15 @@
+import Vue from "vue";
+import VueLogger from "vuejs-logger";
+
+const isProduction = process.env.NODE_ENV === "production";
+const options = {
+  isEnabled: true,
+  logLevel: isProduction ? "error" : "debug",
+  stringifyArguments: false,
+  showLogLevel: true,
+  showMethodName: true,
+  separator: "|",
+  showConsoleColors: true
+};
+
+Vue.use(VueLogger, options);

src/main.js

@@ -3,6 +3,8 @@ import App from "./App.vue";
 import router from "./router";
 import store from "./store";
 import "./registerServiceWorker";
+import "./logger";
+import "./ui";
 
 Vue.config.productionTip = false;
 

src/ui.js

@@ -0,0 +1,5 @@
+import Vue from "vue";
+import Antd from "ant-design-vue";
+import "ant-design-vue/dist/antd.css";
+
+Vue.use(Antd);

vue.config.js

@@ -1,5 +1,7 @@
 module.exports = {
   pwa: {
     name: "Halo Admin"
-  }
+  },
+
+  lintOnSave: undefined
 };