Portable Stories Playwright Ct Override Globals

// Replace your-framework with the framework you are using, e.g. react-vite, nextjs, nextjs-vite, etc.
import { composeStory } from '@storybook/your-framework';

import meta, { Primary } from './Button.stories';

export const PrimaryEnglish = composeStory(
  Primary,
  meta,
  { globals: { locale: 'en' } }, // 👈 Project annotations to override the locale
);

export const PrimarySpanish = composeStory(Primary, meta, { globals: { locale: 'es' } });

import { composeStory } from '@storybook/vue3-vite';

import meta, { Primary } from './Button.stories';

export const PrimaryEnglish = composeStory(
  Primary,
  meta,
  { globals: { locale: 'en' } }, // 👈 Project annotations to override the locale
);

export const PrimarySpanish = composeStory(Primary, meta, { globals: { locale: 'es' } });

import { Primary } from './Button.stories';

export const PrimaryEnglish = Primary.extend({
  globals: { locale: 'en' }, // 👈 Project annotations to override the locale
});

export const PrimarySpanish = Primary.extend({
  globals: { locale: 'es' },
});