add solid-devtools

vite.config.ts

@@ -6,6 +6,7 @@ import { VitePWA } from "vite-plugin-pwa";
 import version from "vite-plugin-package-version";
 import manifest from "./manifest.config";
 import { GetManualChunk } from "rollup";
+import devtools from "solid-devtools/vite";
 
 /**
  * Put all strings (/i18n/{key}.<json|js|ts>) into separated chunks based on the key.
@@ -66,6 +67,20 @@ export default defineConfig(({ mode }) => {
 
   return {
     plugins: [
+      devtools({
+        autoname: true,
+        locator: {
+          targetIDE:
+            (devConf["DEV_LOCATOR_EDITOR"] as
+              | "vscode"
+              | "atom"
+              | "webstorm"
+              | "vscode-insiders"
+              | "") || undefined,
+          componentLocation: true,
+          jsxLocation: true,
+        },
+      }),
       suid(),
       solid(),
       solidStyled({