Vite DevTools JSON

package.json

@@ -33,7 +33,8 @@
 		"tailwindcss": "^4.0.0",
 		"typescript": "^5.0.0",
 		"typescript-eslint": "^8.20.0",
-        "vite": "^7.0.4"
+		"vite": "^7.0.4",
+		"vite-plugin-devtools-json": "^1.0.0"
 	},
 	"pnpm": {
 		"onlyBuiltDependencies": [

pnpm-lock.yaml

@@ -96,6 +96,9 @@ importers:
       vite:
         specifier: ^7.0.4
         version: 7.1.3(jiti@2.5.1)(lightningcss@1.30.1)
+      vite-plugin-devtools-json:
+        specifier: ^1.0.0
+        version: 1.0.0(vite@7.1.3(jiti@2.5.1)(lightningcss@1.30.1))
 
 packages:
 
@@ -1469,6 +1472,15 @@ packages:
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
+  uuid@11.1.0:
+    resolution: {integrity: sha512-0/A9rDy9P7cJ+8w1c9WD9V//9Wj15Ce2MPz8Ri6032usz+NfePxx5AcN3bN+r6ZL6jEo066/yNYB3tn4pQEx+A==}
+    hasBin: true
+
+  vite-plugin-devtools-json@1.0.0:
+    resolution: {integrity: sha512-MobvwqX76Vqt/O4AbnNMNWoXWGrKUqZbphCUle/J2KXH82yKQiunOeKnz/nqEPosPsoWWPP9FtNuPBSYpiiwkw==}
+    peerDependencies:
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0
+
   vite@7.1.3:
     resolution: {integrity: sha512-OOUi5zjkDxYrKhTV3V7iKsoS37VUM7v40+HuwEmcrsf11Cdx9y3DIr2Px6liIcZFwt3XSRpQvFpL3WVy7ApkGw==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -2864,6 +2876,13 @@ snapshots:
 
   util-deprecate@1.0.2: {}
 
+  uuid@11.1.0: {}
+
+  vite-plugin-devtools-json@1.0.0(vite@7.1.3(jiti@2.5.1)(lightningcss@1.30.1)):
+    dependencies:
+      uuid: 11.1.0
+      vite: 7.1.3(jiti@2.5.1)(lightningcss@1.30.1)
+
   vite@7.1.3(jiti@2.5.1)(lightningcss@1.30.1):
     dependencies:
       esbuild: 0.25.9

vite.config.ts

@@ -1,7 +1,8 @@
+import devtoolsJson from 'vite-plugin-devtools-json';
 import tailwindcss from '@tailwindcss/vite';
 import { sveltekit } from '@sveltejs/kit/vite';
 import { defineConfig } from 'vite';
 
 export default defineConfig({
-    plugins: [tailwindcss(), sveltekit()],
+	plugins: [tailwindcss(), sveltekit(), devtoolsJson()]
 });