Merge pull request #32976 from ehoodgoren/chore/ehoodgoren/vitest-project-docs

Docs: Improve vitest addon config snippets

Author: valentinpalkovic

docs/_snippets/vitest-plugin-vitest-config.md

@@ -1,5 +1,5 @@
 ```ts filename="vitest.config.ts" renderer="react" tabTitle="Vitest 4"
-import { defineConfig, defineProject, mergeConfig } from 'vitest/config';
+import { defineConfig, mergeConfig } from 'vitest/config';
 import { playwright } from '@vitest/browser-playwright';
 
 import { storybookTest } from '@storybook/addon-vitest/vitest-plugin';
@@ -17,7 +17,8 @@ export default mergeConfig(
     test: {
       // Use `workspace` field in Vitest < 3.2
       projects: [
-        defineProject({
+        {
+          extends: true,
           plugins: [
             storybookTest({
               // The location of your Storybook config, main.js|ts
@@ -39,15 +40,15 @@ export default mergeConfig(
             },
             setupFiles: ['./.storybook/vitest.setup.ts'],
           },
-        }),
+        },
       ],
     },
   }),
 );
 ```
 
 ```ts filename="vitest.config.ts" renderer="react" tabTitle="Vitest 3"
-import { defineConfig, defineProject, mergeConfig } from 'vitest/config';
+import { defineConfig, mergeConfig } from 'vitest/config';
 
 import { storybookTest } from '@storybook/addon-vitest/vitest-plugin';
 
@@ -64,7 +65,8 @@ export default mergeConfig(
     test: {
       // Use `workspace` field in Vitest < 3.2
       projects: [
-        defineProject({
+        {
+          extends: true,
           plugins: [
             storybookTest({
               // The location of your Storybook config, main.js|ts
@@ -86,15 +88,15 @@ export default mergeConfig(
             },
             setupFiles: ['./.storybook/vitest.setup.ts'],
           },
-        }),
+        },
       ],
     },
   }),
 );
 ```
 
 ```ts filename="vitest.config.ts" renderer="vue" tabTitle="Vitest 4"
-import { defineConfig, defineProject, mergeConfig } from 'vitest/config';
+import { defineConfig, mergeConfig } from 'vitest/config';
 import { playwright } from '@vitest/browser-playwright';
 
 import { storybookTest } from '@storybook/addon-vitest/vitest-plugin';
@@ -112,7 +114,8 @@ export default mergeConfig(
     test: {
       // Use `workspace` field in Vitest < 3.2
       projects: [
-        defineProject({
+        {
+          extends: true,
           plugins: [
             storybookTest({
               // The location of your Storybook config, main.js|ts
@@ -134,15 +137,15 @@ export default mergeConfig(
             },
             setupFiles: ['./.storybook/vitest.setup.ts'],
           },
-        }),
+        },
       ],
     },
   }),
 );
 ```
 
 ```ts filename="vitest.config.ts" renderer="vue" tabTitle="Vitest 3"
-import { defineConfig, defineProject, mergeConfig } from 'vitest/config';
+import { defineConfig, mergeConfig } from 'vitest/config';
 
 import { storybookTest } from '@storybook/addon-vitest/vitest-plugin';
 
@@ -159,7 +162,8 @@ export default mergeConfig(
     test: {
       // Use `workspace` field in Vitest < 3.2
       projects: [
-        defineProject({
+        {
+          extends: true,
           plugins: [
             storybookTest({
               // The location of your Storybook config, main.js|ts
@@ -181,15 +185,15 @@ export default mergeConfig(
             },
             setupFiles: ['./.storybook/vitest.setup.ts'],
           },
-        }),
+        },
       ],
     },
   }),
 );
 ```
 
 ```ts filename="vitest.config.ts" renderer="svelte" tabTitle="Vitest 4"
-import { defineConfig, defineProject, mergeConfig } from 'vitest/config';
+import { defineConfig, mergeConfig } from 'vitest/config';
 import { playwright } from '@vitest/browser-playwright';
 
 import { storybookTest } from '@storybook/addon-vitest/vitest-plugin';
@@ -207,7 +211,8 @@ export default mergeConfig(
     test: {
       // Use `workspace` field in Vitest < 3.2
       projects: [
-        defineProject({
+        {
+          extends: true,
           plugins: [
             storybookTest({
               // The location of your Storybook config, main.js|ts
@@ -229,15 +234,15 @@ export default mergeConfig(
             },
             setupFiles: ['./.storybook/vitest.setup.ts'],
           },
-        }),
+        },
       ],
     },
   }),
 );
 ```
 
 ```ts filename="vitest.config.ts" renderer="svelte" tabTitle="Vitest 3"
-import { defineConfig, defineProject, mergeConfig } from 'vitest/config';
+import { defineConfig, mergeConfig } from 'vitest/config';
 
 import { storybookTest } from '@storybook/addon-vitest/vitest-plugin';
 
@@ -254,7 +259,8 @@ export default mergeConfig(
     test: {
       // Use `workspace` field in Vitest < 3.2
       projects: [
-        defineProject({
+        {
+          extends: true,
           plugins: [
             storybookTest({
               // The location of your Storybook config, main.js|ts
@@ -276,15 +282,15 @@ export default mergeConfig(
             },
             setupFiles: ['./.storybook/vitest.setup.ts'],
           },
-        }),
+        },
       ],
     },
   }),
 );
 ```
 
 ```ts filename="vitest.config.ts" renderer="web-components" tabTitle="Vitest 4"
-import { defineConfig, defineProject, mergeConfig } from 'vitest/config';
+import { defineConfig, mergeConfig } from 'vitest/config';
 import { playwright } from '@vitest/browser-playwright';
 
 import { storybookTest } from '@storybook/addon-vitest/vitest-plugin';
@@ -302,7 +308,8 @@ export default mergeConfig(
     test: {
       // Use `workspace` field in Vitest < 3.2
       projects: [
-        defineProject({
+        {
+          extends: true,
           plugins: [
             storybookTest({
               // The location of your Storybook config, main.js|ts
@@ -324,15 +331,15 @@ export default mergeConfig(
             },
             setupFiles: ['./.storybook/vitest.setup.ts'],
           },
-        }),
+        },
       ],
     },
   }),
 );
 ```
 
 ```ts filename="vitest.config.ts" renderer="web-components" tabTitle="Vitest 3"
-import { defineConfig, defineProject, mergeConfig } from 'vitest/config';
+import { defineConfig, mergeConfig } from 'vitest/config';
 
 import { storybookTest } from '@storybook/addon-vitest/vitest-plugin';
 
@@ -349,7 +356,8 @@ export default mergeConfig(
     test: {
       // Use `workspace` field in Vitest < 3.2
       projects: [
-        defineProject({
+        {
+          extends: true,
           plugins: [
             storybookTest({
               // The location of your Storybook config, main.js|ts
@@ -371,7 +379,7 @@ export default mergeConfig(
             },
             setupFiles: ['./.storybook/vitest.setup.ts'],
           },
-        }),
+        },
       ],
     },
   }),