chore: add vite-plugin-inspect in playground to make debugging easier (#593)

Author: tobiasdiez

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

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.
 

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"
   }
 }