diff --git a/package.json b/package.json
index 86ef18615..d199ab9a7 100644
--- a/package.json
+++ b/package.json
@@ -37,10 +37,9 @@
       "node": true
     },
     "extends": [
-      "plugin:vue/essential",
+      "plugin:vue/recommended",
       "@vue/prettier"
     ],
-    "rules": {},
     "parserOptions": {
       "parser": "babel-eslint"
     }
@@ -55,4 +54,4 @@
     "last 2 versions",
     "not ie <= 8"
   ]
-}
+}
\ No newline at end of file
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index 48dd2f741..d411f9d23 100644
--- a/src/components/HelloWorld.vue
+++ b/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 />
diff --git a/src/logger.js b/src/logger.js
new file mode 100644
index 000000000..057dae14f
--- /dev/null
+++ b/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);
diff --git a/src/main.js b/src/main.js
index 9466dcc76..7af84cfa4 100644
--- a/src/main.js
+++ b/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;
 
diff --git a/src/ui.js b/src/ui.js
new file mode 100644
index 000000000..7a251fc81
--- /dev/null
+++ b/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);
diff --git a/vue.config.js b/vue.config.js
index fb813593d..885c177d6 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,5 +1,7 @@
 module.exports = {
   pwa: {
     name: "Halo Admin"
-  }
+  },
+
+  lintOnSave: undefined
 };