chore: add vite-plugin-inspect in playground to make debugging easi…

…er (#593)
nuxt-modules · May 12, 2024 · 30cb703 · 30cb703
1 parent d20cc09
commit 30cb703
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 11,772 deletions.
diff --git a/playground/.storybook/main.ts b/playground/.storybook/main.ts
@@ -1,4 +1,5 @@
 import type { StorybookConfig } from '@storybook-vue/nuxt'
+import Inspect from 'vite-plugin-inspect'
 
 const config: StorybookConfig = {
   stories: [
@@ -17,5 +18,11 @@ const config: StorybookConfig = {
   docs: {
     autodocs: 'tag',
   },
+  viteFinal: (config) => {
+    // For debugging purposes
+    // View intermediate state of Vite plugins at http://localhost:6006/__inspect
+    config.plugins.push(Inspect())
+    return config
+  },
 }
 export default config
diff --git a/playground/README.md b/playground/README.md
@@ -1,4 +1,8 @@
-# Nuxt 3 Minimal Starter
+# Playground
+
+View intermediate state of Vite plugins at `http://localhost:6006/__inspect`.
+
+---
 
 Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
 

diff --git a/playground/package.json b/playground/package.json
@@ -13,9 +13,10 @@
   "devDependencies": {
     "@nuxt/devtools": "^1.1.5",
     "@nuxtjs/storybook": "workspace:*",
-    "@storybook/addon-links": "^8.0.8",
     "@storybook/addon-essentials": "^8.0.8",
     "@storybook/addon-interactions": "^8.0.8",
-    "nuxt": "^3.11.1"
+    "@storybook/addon-links": "^8.0.8",
+    "nuxt": "^3.11.1",
+    "vite-plugin-inspect": "^0.8.4"
   }
 }