fix: default font display on webload

ambianic · May 15, 2020 · d26538c · d26538c
1 parent e7276bd
commit d26538c
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 14 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -47,7 +47,7 @@
   },
   "devDependencies": {
     "@cypress/code-coverage": "^3.4.1",
-    "@mdi/font": "^4.9.95",
+    "@mdi/js": "^5.2.45",
     "@semantic-release/changelog": "^5.0.1",
     "@semantic-release/commit-analyzer": "^8.0.1",
     "@semantic-release/exec": "^5.0.0",

diff --git a/src/main.js b/src/main.js
@@ -4,7 +4,6 @@ import router from './router/index.js'
 import store from './store/index.js'
 import './registerServiceWorker'
 import vuetify from './plugins/vuetify'
-import '@mdi/font/css/materialdesignicons.css'
 
 Vue.config.productionTip = false
 

diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
@@ -1,15 +1,14 @@
 import Vue from 'vue'
 import Vuetify from 'vuetify/lib'
 import manifestJSON from '../../public/manifest.json'
-import '@mdi/font/css/materialdesignicons.css' // Ensure to use css-loader
 
 Vue.use(Vuetify)
 
 const mq = window.matchMedia('(prefers-color-scheme: dark)')
 
 const vuetify = new Vuetify({
   icons: {
-    iconfont: 'mdi'
+    iconfont: 'mdiSvg'
   },
   theme: {
     dark: mq.matches,