chore: install devtools inside Vite

Signed-off-by: Fernando Fernández <[email protected]>
jellyfin · Sep 7, 2024 · c9583c9 · c9583c9
1 parent 661107b
commit c9583c9
Show file tree

Hide file tree

Showing 3 changed files with 549 additions and 602 deletions.
diff --git a/frontend/package.json b/frontend/package.json
@@ -86,9 +86,9 @@
     "unocss": "0.62.3",
     "unplugin-icons": "0.19.3",
     "unplugin-vue-components": "0.27.4",
-    "unplugin-vue-macros": "2.11.8",
     "unplugin-vue-router": "0.10.7",
     "vite": "5.4.3",
+    "vite-plugin-vue-devtools": "7.4.4",
     "vue-eslint-parser": "9.4.3",
     "vue-tsc": "2.1.6"
   }

diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
@@ -1,6 +1,6 @@
 import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite';
 import Virtual from '@rollup/plugin-virtual';
-import VueMacros from 'unplugin-vue-macros/vite';
+import VueDevTools from 'vite-plugin-vue-devtools';
 import Vue from '@vitejs/plugin-vue';
 import browserslist from 'browserslist';
 import { browserslistToTargets } from 'lightningcss';
@@ -31,15 +31,11 @@ export default defineConfig({
       importMode: 'sync',
       routeBlockLang: 'yaml'
     }),
-    VueMacros({
-      plugins: {
-        vue: Vue({
-          template: {
-            transformAssetUrls: {
-              img: []
-            }
-          }
-        })
+    Vue({
+      template: {
+        transformAssetUrls: {
+          img: []
+        }
       }
     }),
     // This plugin allows to autoimport Vue components
@@ -70,7 +66,8 @@ export default defineConfig({
       forceStringify: true,
       include: localeFilesFolder
     }),
-    UnoCSS()
+    UnoCSS(),
+    VueDevTools()
   ],
   build: {
     /**