update icon config

README.md

@@ -14,6 +14,7 @@ A [Vite](https://vitejs.dev/) powered WebExtension ([Chrome](https://developer.c
 - Effortless communications - powered by [`webext-bridge`](https://github.com/zikaari/webext-bridge) and [VueUse](https://github.com/antfu/vueuse) storage
 - [Components auto importing](./src/components)
 - [Icons](./src/components) - Access to icons from any iconset directly
+  - By default [Material Design Icons](https://materialdesignicons.com/cdn/1.6.50-dev/) set is enabled
 - [TypeScript](https://www.typescriptlang.org/) - type safe
 - `Eslint` & `Prettier` configured for `vue`, `javascript`, `typescript`
 

package.json

@@ -14,6 +14,7 @@
     "@typescript-eslint/eslint-plugin": "^5.59.8",
     "@typescript-eslint/parser": "^5.59.8",
     "@vitejs/plugin-vue": "^4.2.3",
+    "@vue/compiler-sfc": "^3.3.4",
     "@vueuse/core": "^10.1.2",
     "autoprefixer": "^10.4.14",
     "eslint": "^8.41.0",

tsconfig.json

@@ -15,7 +15,8 @@
     "paths": {
       "~/*": ["./src/*"],
       "src/*": ["./src/*"]
-    }
+    },
+    "types": ["unplugin-icons/types/vue"]
   },
   "include": [
     "vite.config.ts",

tsconfig.node.json

@@ -9,7 +9,8 @@
     "paths": {
       "~/*": ["./src/*"],
       "src/*": ["./src/*"]
-    }
+    },
+    "types": ["unplugin-icons/types/vue"]
   },
   "include": [
     "vite.config.ts",

vite.config.ts

@@ -44,7 +44,6 @@ export default defineConfig({
         'vue',
         'vue-router',
         'vue/macros',
-        { 'webext-bridge': ['sendMessage', 'onMessage'] },
       ],
       dts: 'src/auto-imports.d.ts',
     }),
@@ -57,14 +56,17 @@ export default defineConfig({
       resolvers: [
         // auto import icons
         IconsResolver({
-          prefix: 'icon',
+          prefix: 'i',
           enabledCollections: ['mdi'],
         }),
       ],
     }),
 
     // https://github.com/antfu/unplugin-icons
-    Icons(),
+    Icons({
+      autoInstall: true,
+      compiler: 'vue3'
+    }),
 
     // rewrite assets to use relative path
     {