From 1d8f3baef8f7b0f9d48b0b89c7244d931af4ac66 Mon Sep 17 00:00:00 2001
From: Katerina Skroumpelou <mandarini@users.noreply.github.com>
Date: Tue, 27 Feb 2024 18:01:20 +0200
Subject: [PATCH] fix(nuxt): fix storybook preview config path (#22020)

---
 .../storybook-configuration/configuration.ts  | 38 +++++++++----------
 1 file changed, 18 insertions(+), 20 deletions(-)

diff --git a/packages/nuxt/src/generators/storybook-configuration/configuration.ts b/packages/nuxt/src/generators/storybook-configuration/configuration.ts
index d7942aef8c745..bd5fb5532fdaa 100644
--- a/packages/nuxt/src/generators/storybook-configuration/configuration.ts
+++ b/packages/nuxt/src/generators/storybook-configuration/configuration.ts
@@ -1,5 +1,6 @@
 import {
   formatFiles,
+  joinPathFragments,
   readProjectConfiguration,
   runTasksInSerial,
   Tree,
@@ -13,38 +14,35 @@ import { Schema } from './schema';
  * are just adding the styles in `.storybook/preview.ts`
  */
 export async function storybookConfigurationGenerator(
-  host: Tree,
+  tree: Tree,
   options: Schema
 ) {
   const storybookConfigurationGenerator =
-    await vueStorybookConfigurationGenerator(host, {
+    await vueStorybookConfigurationGenerator(tree, {
       ...options,
       addPlugin: true,
     });
 
-  const projectConfiguration = readProjectConfiguration(host, options.project);
+  const { root } = readProjectConfiguration(tree, options.project);
 
-  const storybookConfigFolder =
-    projectConfiguration.targets?.storybook?.options?.configDir;
-
-  host.write(
-    `${storybookConfigFolder}/preview.${options.tsConfiguration ? 'ts' : 'js'}`,
+  tree.write(
+    joinPathFragments(
+      root,
+      '.storybook',
+      'preview.' + options.tsConfiguration ? 'ts' : 'js'
+    ),
     `import '../src/assets/css/styles.css';`
   );
 
-  updateJson(
-    host,
-    `${projectConfiguration.root}/tsconfig.storybook.json`,
-    (json) => {
-      json.compilerOptions = {
-        ...json.compilerOptions,
-        composite: true,
-      };
-      return json;
-    }
-  );
+  updateJson(tree, `${root}/tsconfig.storybook.json`, (json) => {
+    json.compilerOptions = {
+      ...json.compilerOptions,
+      composite: true,
+    };
+    return json;
+  });
 
-  await formatFiles(host);
+  await formatFiles(tree);
   return runTasksInSerial(storybookConfigurationGenerator);
 }