renderer: add material design icons package by default

package-lock.json

@@ -17,6 +17,7 @@
 				"vuetify": "^3.0.0"
 			},
 			"devDependencies": {
+				"@mdi/font": "^7.0.96",
 				"@typescript-eslint/eslint-plugin": "^5.42.0",
 				"@typescript-eslint/parser": "^5.42.0",
 				"@vitejs/plugin-vue": "^3.2.0",
@@ -905,6 +906,12 @@
 				"node": ">= 10.0.0"
 			}
 		},
+		"node_modules/@mdi/font": {
+			"version": "7.0.96",
+			"resolved": "https://registry.npmjs.org/@mdi/font/-/font-7.0.96.tgz",
+			"integrity": "sha512-rzlxTfR64hqY8yiBzDjmANfcd8rv+T5C0Yedv/TWk2QyAQYdc66e0kaN1ipmnYU3RukHRTRcBARHzzm+tIhL7w==",
+			"dev": true
+		},
 		"node_modules/@nodelib/fs.scandir": {
 			"version": "2.1.5",
 			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -7949,6 +7956,12 @@
 				}
 			}
 		},
+		"@mdi/font": {
+			"version": "7.0.96",
+			"resolved": "https://registry.npmjs.org/@mdi/font/-/font-7.0.96.tgz",
+			"integrity": "sha512-rzlxTfR64hqY8yiBzDjmANfcd8rv+T5C0Yedv/TWk2QyAQYdc66e0kaN1ipmnYU3RukHRTRcBARHzzm+tIhL7w==",
+			"dev": true
+		},
 		"@nodelib/fs.scandir": {
 			"version": "2.1.5",
 			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",

package.json

@@ -35,6 +35,7 @@
 		"vuetify": "^3.0.0"
 	},
 	"devDependencies": {
+		"@mdi/font": "^7.0.96",
 		"@typescript-eslint/eslint-plugin": "^5.42.0",
 		"@typescript-eslint/parser": "^5.42.0",
 		"@vitejs/plugin-vue": "^3.2.0",

src/renderer/plugins/vuetify.ts

@@ -2,6 +2,7 @@ import { createVuetify } from 'vuetify'
 import { ko, en } from 'vuetify/locale'
 import { aliases, mdi } from 'vuetify/iconsets/mdi'
 import 'vuetify/styles'
+import '@mdi/font/css/materialdesignicons.min.css'
 
 import colors from 'vuetify/lib/util/colors.mjs'