duckguessr: Fix some errors, disable build

Author: bperel

apps/duckguessr/.storybook/main.ts

@@ -1,52 +1,15 @@
-import type { StorybookConfig } from "@storybook/vue3-vite";
-import { join, dirname } from "path";
-import AutoImport from "unplugin-auto-import/vite";
-
-/**
- * This function is used to resolve the absolute path of a package.
- * It is needed in projects that use Yarn PnP or are set up within a monorepo.
- */
-const getAbsolutePath = (value: string): any =>
-  dirname(require.resolve(join(value, "package.json")));
+import type { StorybookConfig } from "@nuxtjs/storybook";
 
 const config: StorybookConfig = {
   stories: ["../src/**/*.stories.ts"],
   addons: [],
   framework: {
-    name: getAbsolutePath("@storybook/vue3-vite"),
+    name: "@storybook-vue/nuxt",
     options: {},
   },
   core: {
     builder: "@storybook/builder-vite",
   },
-  viteFinal: async (config) => {
-    // Add auto-imports for Vue 3 Composition API
-    config.plugins = config.plugins || [];
-    config.plugins.push(
-      AutoImport({
-        eslintrc: {
-          enabled: true,
-        },
-        imports: [
-          "pinia",
-          "vue",
-          "vue/macros",
-          "vue-router",
-          "vue-i18n",
-          "@vueuse/core",
-        ],
-        dts: true,
-        dirs: [
-          "./src/composables",
-          "../web/src/composables",
-          "../web/src/stores",
-          "../../packages/types",
-        ],
-        vueTemplate: true,
-      }),
-    );
-
-    return config;
-  },
 };
+
 export default config;

apps/duckguessr/nuxt.config.ts

@@ -26,6 +26,7 @@ export default defineNuxtConfig({
     "@pinia/nuxt",
     "@vueuse/nuxt",
     "@sentry/nuxt",
+    "@nuxtjs/storybook",
   ],
 
   // Auto-imports

apps/duckguessr/package.json

@@ -17,12 +17,13 @@
     "lint": "eslint --fix .",
     "storybook": "storybook dev -p 6006",
     "prod:deploy": "DIR=apps/duckguessr SERVICES='storybook' pnpm -F '~ci' prod:docker-compose-up",
-    "prod:build-docker": "REPO_NAME=ghcr.io/bperel/duckguessr-storybook pnpm -F '~ci' prod:build-docker --target storybook -f apps/duckguessr/Dockerfile",
+    "prod:build-docker": "echo 'disabled, would run REPO_NAME=ghcr.io/bperel/duckguessr-storybook pnpm -F '~ci' prod:build-docker --target storybook -f apps/duckguessr/Dockerfile'",
     "prod:transfer-files-pre": "pnpm -F '~ci' prod:transfer-files @apps/duckguessr/.env:apps/duckguessr/.env",
     "prod:transfer-files-post": "pnpm -F '~ci' prod:transfer-files apps/duckguessr/docker-compose.yml:@apps/duckguessr/docker-compose.yml apps/duckguessr/Caddyfile:@apps/duckguessr/Caddyfile"
   },
   "dependencies": {
     "@nuxtjs/i18n": "^10.1.0",
+    "@nuxtjs/storybook": "^9.0.1",
     "@pinia/nuxt": "^0.5.1",
     "@prisma/client": "^6.16.0",
     "@sentry/nuxt": "^10.11.0",
@@ -49,8 +50,8 @@
     "@nuxt/devtools": "^1.5.0",
     "@nuxt/eslint": "^0.5.0",
     "@nuxt/typescript-build": "^3.0.2",
+    "@storybook-vue/nuxt": "^9.0.1",
     "@storybook/vue3": "^9.1.5",
-    "@storybook/vue3-vite": "^9.1.5",
     "@types/eslint": "^9.6.1",
     "@types/eslint-scope": "^8.3.2",
     "@types/js-cookie": "^3.0.6",