Merge pull request #8099 from JerryWu1234/integrate_qwik_devtool

Integrate devtool into qwik docs

Author: wmertens

packages/docs/package.json

@@ -56,9 +56,9 @@
     "typescript": "5.9.3",
     "valibot": "0.33.3",
     "vite": "7.1.11",
-    "vite-plugin-inspect": "11.3.3",
     "vite-tsconfig-paths": "5.1.4",
-    "wrangler": "3.65.1"
+    "wrangler": "3.65.1",
+    "@qwik.dev/devtools": "0.2.1"
   },
   "engines": {
     "node": "^18.17.0 || ^20.3.0 || >=21.0.0",

packages/docs/vite.config.ts

@@ -14,6 +14,7 @@ import { defineConfig, loadEnv, type Plugin, type Rollup, type UserConfig } from
 import { compiledStringPlugin } from '../../scripts/compiled-string-plugin';
 import { examplesData, playgroundData, rawSource, tutorialData } from './vite.repl-apps';
 import { sourceResolver } from './vite.source-resolver';
+import { qwikDevtools } from '@qwik.dev/devtools';
 
 const insightsApiKey = loadEnv('', '.', 'PUBLIC').PUBLIC_QWIK_INSIGHTS_KEY;
 const docsDir = new URL(import.meta.url).pathname;
@@ -245,6 +246,7 @@ export default defineConfig(() => {
       qwikInsights({ publicApiKey: insightsApiKey }),
       tailwindcss(),
       overrideManualChunksForRepl(),
+      qwikDevtools(),
     ],
     build: {
       sourcemap: true,