Fix

storybookjs · May 1, 2024 · 1f60afa · 1f60afa
1 parent 521372e
commit 1f60afa
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 10 deletions.
diff --git a/docs/api/portable-stories-jest.mdx b/docs/api/portable-stories-jest.mdx
@@ -2,17 +2,15 @@
 title: 'Portable stories in Jest'
 ---
 
-export const SUPPORTED_RENDERERS = ['react', 'vue'];
-
-<If notRenderer={SUPPORTED_RENDERERS}>
+<If notRenderer={['react', 'vue']}>
   <Callout variant="info">
     Portable stories in Jest are currently only supported in [React](?renderer=react) and [Vue](?renderer=vue) projects.
   </Callout>
 
   {/* End non-supported renderers */}
 </If>
 
-<If renderer={SUPPORTED_RENDERERS}>
+<If renderer={['react', 'vue']}>
   Portable stories are Storybook [stories](../writing-stories/index.md) which can be used in external environments, such as [Jest](https://jestjs.io).
 
   Normally, Storybok composes a story and its [annotations](#annotations) automatically, as part of the [story pipeline](#story-pipeline). When using stories in Jest tests, you must handle the story pipeline yourself, which is what the [`composeStories`](#composestories) and [`composeStory`](#composestory) functions enable.

diff --git a/docs/api/portable-stories-playwright.mdx b/docs/api/portable-stories-playwright.mdx
@@ -2,19 +2,18 @@
 title: 'Portable stories in Playwright'
 ---
 
-export const SUPPORTED_RENDERERS = ['react', 'vue'];
 
 (⚠️ **Experimental**)
 
-<If notRenderer={SUPPORTED_RENDERERS}>
+<If notRenderer={['react', 'vue']}>
   <Callout variant="info">
     Portable stories are currently only supported in [React](?renderer=react) and [Vue](?renderer=vue) projects.
   </Callout>
 
   {/* End non-supported renderers */}
 </If>
 
-<If renderer={SUPPORTED_RENDERERS}>
+<If renderer={['react', 'vue']}>
   <Callout variant="info">
     The portable stories API for Playwright CT is experimental. Playwright CT itself is also experimental. Breaking changes might occur in either library in upcoming releases.
   </Callout>

diff --git a/docs/api/portable-stories-vitest.mdx b/docs/api/portable-stories-vitest.mdx
@@ -2,17 +2,16 @@
 title: 'Portable stories in Vitest'
 ---
 
-export const SUPPORTED_RENDERERS = ['react', 'vue', 'svelte'];
 
-<If notRenderer={SUPPORTED_RENDERERS}>
+<If notRenderer={['react', 'vue', 'svelte']}>
   <Callout variant="info">
     Portable stories in Vitest are currently only supported in [React](?renderer=react), [Vue](?renderer=vue) and [Svelte](?renderer=svelte) projects.
   </Callout>
 
   {/* End non-supported renderers */}
 </If>
 
-<If renderer={SUPPORTED_RENDERERS}>
+<If renderer={['react', 'vue', 'svelte']}>
   Portable stories are Storybook [stories](../writing-stories/index.md) which can be used in external environments, such as [Vitest](https://vitest.dev).
 
   Normally, Storybook composes a story and its [annotations](#annotations) automatically, as part of the [story pipeline](#story-pipeline). When using stories in Vitest tests, you must handle the story pipeline yourself, which is what the [`composeStories`](#composestories) and [`composeStory`](#composestory) functions enable.