Merge pull request #69 from storybook-vue/fix-playgound

fix playground & build
storybook-vue · Sep 29, 2023 · aec818e · aec818e
2 parents 92c8160 + 07cbfd4
commit aec818e
Show file tree

Hide file tree

Showing 6 changed files with 1,502 additions and 605 deletions.
diff --git a/packages/storybook-nuxt/package.json b/packages/storybook-nuxt/package.json
@@ -61,15 +61,15 @@
     "release": "pnpm changelogen --release --push && pnpm publish"
   },
   "peerDependencies": {
-    "nuxt": "^3.6.5",
+    "nuxt": "^3.6 || ^3.7",
     "vite": "^4.0.0",
     "vue": "^3.3.4"
   },
   "dependencies": {
-    "@nuxt/devtools-kit": "^0.7.4",
-    "@nuxt/kit": "^3.6.5",
-    "@nuxt/schema": "^3.6.5",
-    "@nuxt/vite-builder": "^3.6.5",
+    "@nuxt/devtools-kit": "latest",
+    "@nuxt/kit": "^3.7.4",
+    "@nuxt/schema": "^3.7.4",
+    "@nuxt/vite-builder": "^3.7.4",
     "@storybook/builder-vite": "7.4.4",
     "@storybook/vue3": "7.4.4",
     "@storybook/vue3-vite": "7.4.4",

diff --git a/packages/storybook-nuxt/playground/components/MyNuxtPage.vue b/packages/storybook-nuxt/playground/components/MyNuxtPage.vue
@@ -1,4 +1,4 @@
-<script>
+<script setup>
 
 </script>
 
@@ -7,7 +7,7 @@
     <NuxtPage />
     <template #footer>
       <div class="text-center p-4 op-50">
-        Current route: <code>{{ route.path }}</code>
+        Current route: <code>{{ $route.path }}</code>
       </div>
     </template>
   </v-container>

diff --git a/packages/storybook-nuxt/playground/package.json b/packages/storybook-nuxt/playground/package.json
@@ -12,7 +12,7 @@
   },
   "devDependencies": {
     "@invictus.codes/nuxt-vuetify": "^0.3.0",
-    "@nuxt/devtools": "^0.7.0",
+    "@nuxt/devtools": "latest",
     "@nuxt/image": "rc",
     "@nuxt/ui-templates": "^1.3.1",
     "@nuxtjs/color-mode": "^3.3.0",
@@ -28,7 +28,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "storybook": "7.4.4",
-    "typescript": "^5.1.0"
+    "typescript": "^5.1.0",
+    "vue-router": "4.2.5"
   },
   "pnpm": {
     "overrides": {

diff --git a/packages/storybook-nuxt/src/preset.ts b/packages/storybook-nuxt/src/preset.ts
@@ -51,8 +51,11 @@ async function defineNuxtConfig(baseConfig: Record<string, any>) {
     ready: false,
     dev: false,
     overrides: {
-      ssr: true,
+      ssr: false,
       target: 'static',
+      build: {
+        ssr: false,
+      },
     },
   })
 
@@ -65,7 +68,7 @@ async function defineNuxtConfig(baseConfig: Record<string, any>) {
     extendComposables(nuxt)
     addPlugin({
       src: join(pluginsDir, 'storybook'),
-      mode: 'all',
+      mode: 'client',
     })
     // Override nuxt-link component to use storybook router
     extendComponents(nuxt)

diff --git a/playgrounds/my-nuxt-app/package.json b/playgrounds/my-nuxt-app/package.json
@@ -11,6 +11,6 @@
   "devDependencies": {
     "@nuxt/devtools": "latest",
     "@types/node": "^18.17.3",
-    "nuxt": "3.6.5"
+    "nuxt": "3.7.4"
   }
 }