Remove Vuetify & install Wave UI. 🤘

Author: antoniandre

package-lock.json

@@ -38,12 +38,10 @@
     "sass-loader": "^10.2.0",
     "simple-syntax-highlighter": "^1.4.8",
     "vue": "^2.6.14",
-    "vue-cli-plugin-vuetify": "^2.4.1",
     "vue-router": "^3.5.2",
     "vue-scrollto": "^2.20.0",
     "vue-template-compiler": "^2.6.14",
-    "vuetify": "^2.5.5",
-    "vuetify-loader": "^1.7.2"
+    "wave-ui": "^1.36.1"
   },
   "keywords": [
     "carousel",

package.json

@@ -3,7 +3,7 @@ import 'core-js/stable'
 import 'regenerator-runtime/runtime'
 
 import Vue from 'vue'
-import vuetify from './plugins/vuetify'
+import WaveUI from './plugins/wave-ui'
 
 import '@fortawesome/fontawesome-free/css/fontawesome.css'
 import '@fortawesome/fontawesome-free/css/brands.css'
@@ -15,6 +15,6 @@ Vue.config.productionTip = false
 
 new Vue({
   router,
-  vuetify,
+  WaveUI,
   render: h => h(App)
 }).$mount('#app')

src/main.js

@@ -0,0 +1,17 @@
+import Vue from 'vue'
+import WaveUI from 'wave-ui'
+import 'wave-ui/dist/wave-ui.css'
+
+Vue.use(WaveUI)
+
+export default new WaveUI({
+  iconsLigature: 'md',
+  colors: {
+    primary: '#ff5252',
+    secondary: '#42b983',
+    maintext: '#999',
+    darktext: '#444',
+    lightertext: '#ccc',
+    lightgrey: '#eee'
+  }
+})