nuxt+storybook integration workaround

Author: sacrosanctic

nuxt.config.ts

@@ -2,6 +2,8 @@ import process from 'node:process'
 import { currentLocales } from './config/i18n'
 import { isCI, provider } from 'std-env'
 
+const isStorybook = process.env.STORYBOOK === 'true' || process.env.VITEST_STORYBOOK === 'true'
+
 export default defineNuxtConfig({
   modules: [
     '@unocss/nuxt',
@@ -14,7 +16,7 @@ export default defineNuxtConfig({
     '@vite-pwa/nuxt',
     '@vueuse/nuxt',
     '@nuxtjs/i18n',
-    '@nuxtjs/color-mode',
+    isStorybook ? undefined : '@nuxtjs/color-mode',
   ],
 
   colorMode: {
@@ -139,9 +141,7 @@ export default defineNuxtConfig({
   },
 
   experimental: {
-    entryImportMap: false,
-    typescriptPlugin: true,
-    viteEnvironmentApi: true,
+    viteEnvironmentApi: !isStorybook,
     typedPages: true,
   },
 

package.json

@@ -43,8 +43,8 @@
     "test:types": "pnpm generate:lexicons && nuxt prepare && vue-tsc -b --noEmit && pnpm --filter npmx-connector test:types",
     "test:unit": "vite test --project unit",
     "start:playwright:webserver": "NODE_ENV=test pnpm preview --port 5678",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "storybook": "STORYBOOK=true storybook dev -p 6006",
+    "build-storybook": "STORYBOOK=true storybook build"
   },
   "dependencies": {
     "@atproto/api": "^0.18.17",