diff options
| author | Acid Chicken (硫酸鶏) <root@acid-chicken.com> | 2023-03-23 16:44:41 +0900 |
|---|---|---|
| committer | Acid Chicken (硫酸鶏) <root@acid-chicken.com> | 2023-03-23 16:44:41 +0900 |
| commit | c2d8759812cf313e92fc96372f2e1b821ad0840a (patch) | |
| tree | f69b6adfedbca24a81fbf4ac80b78915ee2f4467 /packages | |
| parent | style: typing (diff) | |
| download | misskey-c2d8759812cf313e92fc96372f2e1b821ad0840a.tar.gz misskey-c2d8759812cf313e92fc96372f2e1b821ad0840a.tar.bz2 misskey-c2d8759812cf313e92fc96372f2e1b821ad0840a.zip | |
build(#10336): update dependencies
Diffstat (limited to 'packages')
434 files changed, 6266 insertions, 1351 deletions
diff --git a/packages/frontend/.storybook/generate.tsx b/packages/frontend/.storybook/generate.tsx index 49304602d8..b167f232e3 100644 --- a/packages/frontend/.storybook/generate.tsx +++ b/packages/frontend/.storybook/generate.tsx @@ -305,30 +305,6 @@ function toStories(component: string): string { ( <identifier name='args' /> ) as estree.Identifier, - ( - <object-pattern - properties={[ - ( - <property - key={ - ( - <identifier name='argTypes' /> - ) as estree.Identifier - } - value={ - ( - <identifier name='argTypes' /> - ) as estree.Identifier - } - kind={ - 'init' as const - } - shorthand - /> - ) as estree.AssignmentProperty, - ]} - /> - ) as estree.ObjectPattern, ]} body={ ( @@ -378,35 +354,123 @@ function toStories(component: string): string { <property key={ ( - <identifier name='props' /> + <identifier name='setup' /> + ) as estree.Identifier + } + value={ + ( + <function-expression + params={[]} + body={ + ( + <block-statement + body={[ + ( + <return-statement + argument={ + ( + <object-expression + properties={[ + ( + <property + key={ + ( + <identifier name='args' /> + ) as estree.Identifier + } + value={ + ( + <identifier name='args' /> + ) as estree.Identifier + } + kind={ + 'init' as const + } + shorthand + /> + ) as estree.Property, + ]} + /> + ) as estree.ObjectExpression + } + /> + ) as estree.ReturnStatement, + ]} + /> + ) as estree.BlockStatement + } + /> + ) as estree.FunctionExpression + } + method + kind={ + 'init' as const + } + /> + ) as estree.Property, + ( + <property + key={ + ( + <identifier name='computed' /> ) as estree.Identifier } value={ ( - <call-expression - callee={ + <object-expression + properties={[ ( - <member-expression - object={ + <property + key={ ( - <identifier name='Object' /> + <identifier name='props' /> ) as estree.Identifier } - property={ + value={ ( - <identifier name='keys' /> - ) as estree.Identifier + <function-expression + params={[]} + body={ + ( + <block-statement + body={[ + ( + <return-statement + argument={ + ( + <object-expression + properties={[ + ( + <spread-element + argument={ + ( + <identifier name='args' /> + ) as estree.Identifier + } + /> + ) as estree.SpreadElement, + ]} + /> + ) as estree.ObjectExpression + } + /> + ) as estree.ReturnStatement, + ]} + /> + ) as estree.BlockStatement + } + /> + ) as estree.FunctionExpression + } + method + kind={ + 'init' as const } /> - ) as estree.MemberExpression - } - arguments={[ - ( - <identifier name='argTypes' /> - ) as estree.Identifier, + ) as estree.Property, ]} /> - ) as estree.CallExpression + ) as estree.ObjectExpression } kind={ 'init' as const @@ -423,7 +487,7 @@ function toStories(component: string): string { value={ ( <literal - value={`<${identifier.name} v-bind="$props" />`} + value={`<${identifier.name} v-bind="props" />`} /> ) as estree.Literal } diff --git a/packages/frontend/.storybook/main.ts b/packages/frontend/.storybook/main.ts index d54c493625..90cc57536f 100644 --- a/packages/frontend/.storybook/main.ts +++ b/packages/frontend/.storybook/main.ts @@ -8,6 +8,7 @@ const config = { '@storybook/addon-links', '@storybook/addon-essentials', '@storybook/addon-interactions', + '@storybook/addon-storysource', '../node_modules/storybook-addon-misskey-theme', ], framework: { @@ -22,10 +23,15 @@ const config = { }, async viteFinal(config, options) { const { plugins, build: { rollupOptions, ...build }, ...original } = getConfig(); + console.dir(config, {depth:Infinity}); + console.dir(original, {depth:Infinity}); const x = mergeConfig(config, { ...original, build, assetsInclude: [resolve(__dirname, '../node_modules/@tabler/icons-webfont/**/*.{css,eot,ttf,woff,woff2}')], + server: { + hmr: false, + }, }); return x; }, diff --git a/packages/frontend/.storybook/preview.ts b/packages/frontend/.storybook/preview.ts index 72e642189f..291432db0f 100644 --- a/packages/frontend/.storybook/preview.ts +++ b/packages/frontend/.storybook/preview.ts @@ -1,13 +1,18 @@ import { addons } from '@storybook/addons'; import { FORCE_REMOUNT } from '@storybook/core-events'; -import { type Preview, forceReRender, setup } from '@storybook/vue3'; +import { type Preview, setup } from '@storybook/vue3'; import { initialize, mswDecorator } from 'msw-storybook-addon'; import locale from './locale'; import { commonHandlers, onUnhandledRequest } from './mocks'; import themes from './themes'; import '../src/style.scss'; -let initialized = false; +// TODO: HMR が壊れているのを直す +import.meta.hot.invalidate(); + +const appInitialized = Symbol(); + +let moduleInitialized = false; let unobserve = () => {}; function loadTheme(applyTheme: typeof import('../src/scripts/theme')['applyTheme']) { @@ -48,7 +53,11 @@ queueMicrotask(() => { import('../src/scripts/theme'), ]).then(([{ default: components }, { default: directives }, { default: widgets }, { applyTheme }]) => { setup((app) => { - initialized = true; + moduleInitialized = true; + if (app[appInitialized]) { + return; + } + app[appInitialized] = true; loadTheme(applyTheme); components(app); directives(app); @@ -59,17 +68,17 @@ queueMicrotask(() => { const preview = { decorators: [ - mswDecorator, (Story, context) => { const story = Story(); - if (!initialized) { + if (!moduleInitialized) { const channel = addons.getChannel(); (globalThis.requestIdleCallback || setTimeout)(() => { channel.emit(FORCE_REMOUNT, { storyId: context.id }); }); } return story; - } + }, + mswDecorator, ], parameters: { msw: { diff --git a/packages/frontend/package.json b/packages/frontend/package.json index 182585a87d..06d90b5249 100644 --- a/packages/frontend/package.json +++ b/packages/frontend/package.json @@ -72,21 +72,22 @@ "vuedraggable": "next" }, "devDependencies": { - "@storybook/addon-essentials": "^7.0.0-rc.4", - "@storybook/addon-interactions": "^7.0.0-rc.4", - "@storybook/addon-links": "^7.0.0-rc.4", + "@storybook/addon-essentials": "7.0.0-rc.6", + "@storybook/addon-interactions": "7.0.0-rc.6", + "@storybook/addon-links": "7.0.0-rc.6", + "@storybook/addon-storysource": "7.0.0-rc.6", "@storybook/addons": "7.0.0-rc.5", - "@storybook/blocks": "^7.0.0-rc.4", - "@storybook/core-events": "^7.0.0-rc.4", - "@storybook/manager-api": "^7.0.0-rc.4", - "@storybook/preview-api": "^7.0.0-rc.4", - "@storybook/react": "^7.0.0-rc.4", - "@storybook/react-vite": "^7.0.0-rc.4", + "@storybook/blocks": "7.0.0-rc.6", + "@storybook/core-events": "7.0.0-rc.6", + "@storybook/manager-api": "7.0.0-rc.6", + "@storybook/preview-api": "7.0.0-rc.6", + "@storybook/react": "7.0.0-rc.6", + "@storybook/react-vite": "7.0.0-rc.6", "@storybook/testing-library": "^0.0.14-next.1", - "@storybook/theming": "^7.0.0-rc.4", - "@storybook/types": "^7.0.0-rc.4", - "@storybook/vue3": "^7.0.0-rc.4", - "@storybook/vue3-vite": "^7.0.0-rc.4", + "@storybook/theming": "7.0.0-rc.6", + "@storybook/types": "7.0.0-rc.6", + "@storybook/vue3": "7.0.0-rc.6", + "@storybook/vue3-vite": "7.0.0-rc.6", "@testing-library/vue": "^6.6.1", "@types/escape-regexp": "0.0.1", "@types/estree": "^1.0.0", @@ -119,7 +120,7 @@ "react": "^18.2.0", "react-dom": "^18.2.0", "start-server-and-test": "2.0.0", - "storybook": "^7.0.0-rc.4", + "storybook": "7.0.0-rc.6", "storybook-addon-misskey-theme": "github:misskey-dev/storybook-addon-misskey-theme", "summaly": "github:misskey-dev/summaly", "vitest": "^0.29.2", diff --git a/packages/frontend/src/components/MkAbuseReport.stories.ts b/packages/frontend/src/components/MkAbuseReport.stories.ts index 7d97a6e7bc..dac1b27938 100644 --- a/packages/frontend/src/components/MkAbuseReport.stories.ts +++ b/packages/frontend/src/components/MkAbuseReport.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkAbuseReport, } satisfies Meta<typeof MkAbuseReport>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkAbuseReport, }, - props: Object.keys(argTypes), - template: '<MkAbuseReport v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkAbuseReport v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkAbuseReportWindow.stories.ts b/packages/frontend/src/components/MkAbuseReportWindow.stories.ts index 76ab111f46..acaf171e9f 100644 --- a/packages/frontend/src/components/MkAbuseReportWindow.stories.ts +++ b/packages/frontend/src/components/MkAbuseReportWindow.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkAbuseReportWindow, } satisfies Meta<typeof MkAbuseReportWindow>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkAbuseReportWindow, }, - props: Object.keys(argTypes), - template: '<MkAbuseReportWindow v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkAbuseReportWindow v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkAchievements.stories.ts b/packages/frontend/src/components/MkAchievements.stories.ts index 8220dbcbb8..492358ebc4 100644 --- a/packages/frontend/src/components/MkAchievements.stories.ts +++ b/packages/frontend/src/components/MkAchievements.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkAchievements, } satisfies Meta<typeof MkAchievements>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkAchievements, }, - props: Object.keys(argTypes), - template: '<MkAchievements v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkAchievements v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkAsUi.stories.ts b/packages/frontend/src/components/MkAsUi.stories.ts index 6965f41036..b27668655f 100644 --- a/packages/frontend/src/components/MkAsUi.stories.ts +++ b/packages/frontend/src/components/MkAsUi.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkAsUi, } satisfies Meta<typeof MkAsUi>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkAsUi, }, - props: Object.keys(argTypes), - template: '<MkAsUi v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkAsUi v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkAutocomplete.stories.ts b/packages/frontend/src/components/MkAutocomplete.stories.ts index f2bc0b8374..2242bfde39 100644 --- a/packages/frontend/src/components/MkAutocomplete.stories.ts +++ b/packages/frontend/src/components/MkAutocomplete.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkAutocomplete, } satisfies Meta<typeof MkAutocomplete>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkAutocomplete, }, - props: Object.keys(argTypes), - template: '<MkAutocomplete v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkAutocomplete v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkAvatars.stories.ts b/packages/frontend/src/components/MkAvatars.stories.ts index 2892691933..71a40e5cc4 100644 --- a/packages/frontend/src/components/MkAvatars.stories.ts +++ b/packages/frontend/src/components/MkAvatars.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkAvatars, } satisfies Meta<typeof MkAvatars>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkAvatars, }, - props: Object.keys(argTypes), - template: '<MkAvatars v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkAvatars v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkButton.stories.impl.ts b/packages/frontend/src/components/MkButton.stories.impl.ts index 94bf1e39b2..228af8f919 100644 --- a/packages/frontend/src/components/MkButton.stories.impl.ts +++ b/packages/frontend/src/components/MkButton.stories.impl.ts @@ -1,13 +1,27 @@ +/* eslint-disable @typescript-eslint/explicit-function-return-type */ +/* eslint-disable import/no-default-export */ +/* eslint-disable import/no-duplicates */ import { StoryObj } from '@storybook/vue3'; import MkButton from './MkButton.vue'; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkButton, }, - props: Object.keys(argTypes), - template: '<MkButton v-bind="$props">Text</MkButton>', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkButton v-bind="props">Text</MkButton>', }; }, parameters: { diff --git a/packages/frontend/src/components/MkButton.stories.ts b/packages/frontend/src/components/MkButton.stories.ts index c3da0d1a46..c85ce89e18 100644 --- a/packages/frontend/src/components/MkButton.stories.ts +++ b/packages/frontend/src/components/MkButton.stories.ts @@ -6,16 +6,30 @@ const meta = { component: MkButton, } satisfies Meta<typeof MkButton>; export default meta; +/* eslint-disable @typescript-eslint/explicit-function-return-type */ +/* eslint-disable import/no-default-export */ +/* eslint-disable import/no-duplicates */ import { StoryObj } from '@storybook/vue3'; import MkButton from './MkButton.vue'; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkButton, }, - props: Object.keys(argTypes), - template: '<MkButton v-bind="$props">Text</MkButton>', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkButton v-bind="props">Text</MkButton>', }; }, parameters: { diff --git a/packages/frontend/src/components/MkCaptcha.stories.ts b/packages/frontend/src/components/MkCaptcha.stories.ts index f6d0648d89..78db7287ae 100644 --- a/packages/frontend/src/components/MkCaptcha.stories.ts +++ b/packages/frontend/src/components/MkCaptcha.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkCaptcha, } satisfies Meta<typeof MkCaptcha>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkCaptcha, }, - props: Object.keys(argTypes), - template: '<MkCaptcha v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkCaptcha v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkChannelFollowButton.stories.ts b/packages/frontend/src/components/MkChannelFollowButton.stories.ts index 461d6f2fda..8c7c31c56a 100644 --- a/packages/frontend/src/components/MkChannelFollowButton.stories.ts +++ b/packages/frontend/src/components/MkChannelFollowButton.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkChannelFollowButton, } satisfies Meta<typeof MkChannelFollowButton>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkChannelFollowButton, }, - props: Object.keys(argTypes), - template: '<MkChannelFollowButton v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkChannelFollowButton v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkChannelPreview.stories.ts b/packages/frontend/src/components/MkChannelPreview.stories.ts index 9ad2fe84a0..aedeba1104 100644 --- a/packages/frontend/src/components/MkChannelPreview.stories.ts +++ b/packages/frontend/src/components/MkChannelPreview.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkChannelPreview, } satisfies Meta<typeof MkChannelPreview>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkChannelPreview, }, - props: Object.keys(argTypes), - template: '<MkChannelPreview v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkChannelPreview v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkChart.stories.ts b/packages/frontend/src/components/MkChart.stories.ts index 5cd72a4805..d42adbe992 100644 --- a/packages/frontend/src/components/MkChart.stories.ts +++ b/packages/frontend/src/components/MkChart.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkChart, } satisfies Meta<typeof MkChart>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkChart, }, - props: Object.keys(argTypes), - template: '<MkChart v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkChart v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkChartLegend.stories.ts b/packages/frontend/src/components/MkChartLegend.stories.ts index ff21636c3b..482f10c31f 100644 --- a/packages/frontend/src/components/MkChartLegend.stories.ts +++ b/packages/frontend/src/components/MkChartLegend.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkChartLegend, } satisfies Meta<typeof MkChartLegend>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkChartLegend, }, - props: Object.keys(argTypes), - template: '<MkChartLegend v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkChartLegend v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkChartTooltip.stories.ts b/packages/frontend/src/components/MkChartTooltip.stories.ts index 69555e9dd1..49cccaa5b4 100644 --- a/packages/frontend/src/components/MkChartTooltip.stories.ts +++ b/packages/frontend/src/components/MkChartTooltip.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkChartTooltip, } satisfies Meta<typeof MkChartTooltip>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkChartTooltip, }, - props: Object.keys(argTypes), - template: '<MkChartTooltip v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkChartTooltip v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkCheckbox.stories.ts b/packages/frontend/src/components/MkCheckbox.stories.ts index 4cfed26091..315ba320ad 100644 --- a/packages/frontend/src/components/MkCheckbox.stories.ts +++ b/packages/frontend/src/components/MkCheckbox.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkCheckbox, } satisfies Meta<typeof MkCheckbox>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkCheckbox, }, - props: Object.keys(argTypes), - template: '<MkCheckbox v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkCheckbox v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkClickerGame.stories.ts b/packages/frontend/src/components/MkClickerGame.stories.ts index 750b979f6c..7b8f5165ff 100644 --- a/packages/frontend/src/components/MkClickerGame.stories.ts +++ b/packages/frontend/src/components/MkClickerGame.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkClickerGame, } satisfies Meta<typeof MkClickerGame>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkClickerGame, }, - props: Object.keys(argTypes), - template: '<MkClickerGame v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkClickerGame v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkClipPreview.stories.ts b/packages/frontend/src/components/MkClipPreview.stories.ts index 02ec124cf7..a941c36120 100644 --- a/packages/frontend/src/components/MkClipPreview.stories.ts +++ b/packages/frontend/src/components/MkClipPreview.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkClipPreview, } satisfies Meta<typeof MkClipPreview>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkClipPreview, }, - props: Object.keys(argTypes), - template: '<MkClipPreview v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkClipPreview v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkCode.core.stories.ts b/packages/frontend/src/components/MkCode.core.stories.ts index 9498e4160d..dc47abb6b1 100644 --- a/packages/frontend/src/components/MkCode.core.stories.ts +++ b/packages/frontend/src/components/MkCode.core.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkCode_core, } satisfies Meta<typeof MkCode_core>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkCode_core, }, - props: Object.keys(argTypes), - template: '<MkCode_core v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkCode_core v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkCode.stories.ts b/packages/frontend/src/components/MkCode.stories.ts index 5d9ebec74d..94b8af9cde 100644 --- a/packages/frontend/src/components/MkCode.stories.ts +++ b/packages/frontend/src/components/MkCode.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkCode, } satisfies Meta<typeof MkCode>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkCode, }, - props: Object.keys(argTypes), - template: '<MkCode v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkCode v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkContainer.stories.ts b/packages/frontend/src/components/MkContainer.stories.ts index 5d8b4891c8..3b2da66f25 100644 --- a/packages/frontend/src/components/MkContainer.stories.ts +++ b/packages/frontend/src/components/MkContainer.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkContainer, } satisfies Meta<typeof MkContainer>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkContainer, }, - props: Object.keys(argTypes), - template: '<MkContainer v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkContainer v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkContextMenu.stories.ts b/packages/frontend/src/components/MkContextMenu.stories.ts index 46b8ae124f..37cc68c7b4 100644 --- a/packages/frontend/src/components/MkContextMenu.stories.ts +++ b/packages/frontend/src/components/MkContextMenu.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkContextMenu, } satisfies Meta<typeof MkContextMenu>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkContextMenu, }, - props: Object.keys(argTypes), - template: '<MkContextMenu v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkContextMenu v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkCropperDialog.stories.ts b/packages/frontend/src/components/MkCropperDialog.stories.ts index 9e3808eae2..a4ccf146c1 100644 --- a/packages/frontend/src/components/MkCropperDialog.stories.ts +++ b/packages/frontend/src/components/MkCropperDialog.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkCropperDialog, } satisfies Meta<typeof MkCropperDialog>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkCropperDialog, }, - props: Object.keys(argTypes), - template: '<MkCropperDialog v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkCropperDialog v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkCwButton.stories.ts b/packages/frontend/src/components/MkCwButton.stories.ts index 16e1b03217..67d60052fe 100644 --- a/packages/frontend/src/components/MkCwButton.stories.ts +++ b/packages/frontend/src/components/MkCwButton.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkCwButton, } satisfies Meta<typeof MkCwButton>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkCwButton, }, - props: Object.keys(argTypes), - template: '<MkCwButton v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkCwButton v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkDateSeparatedList.stories.ts b/packages/frontend/src/components/MkDateSeparatedList.stories.ts index 3d5b27e0c0..f0f203b717 100644 --- a/packages/frontend/src/components/MkDateSeparatedList.stories.ts +++ b/packages/frontend/src/components/MkDateSeparatedList.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkDateSeparatedList, } satisfies Meta<typeof MkDateSeparatedList>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkDateSeparatedList, }, - props: Object.keys(argTypes), - template: '<MkDateSeparatedList v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkDateSeparatedList v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkDialog.stories.ts b/packages/frontend/src/components/MkDialog.stories.ts index 9af7dad32c..194e2c9cb3 100644 --- a/packages/frontend/src/components/MkDialog.stories.ts +++ b/packages/frontend/src/components/MkDialog.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkDialog, } satisfies Meta<typeof MkDialog>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkDialog, }, - props: Object.keys(argTypes), - template: '<MkDialog v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkDialog v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkDigitalClock.stories.ts b/packages/frontend/src/components/MkDigitalClock.stories.ts index cfe65bcfc7..c99020c9ea 100644 --- a/packages/frontend/src/components/MkDigitalClock.stories.ts +++ b/packages/frontend/src/components/MkDigitalClock.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkDigitalClock, } satisfies Meta<typeof MkDigitalClock>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkDigitalClock, }, - props: Object.keys(argTypes), - template: '<MkDigitalClock v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkDigitalClock v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkDonation.stories.ts b/packages/frontend/src/components/MkDonation.stories.ts index b63ccc23e0..7157b7e82b 100644 --- a/packages/frontend/src/components/MkDonation.stories.ts +++ b/packages/frontend/src/components/MkDonation.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkDonation, } satisfies Meta<typeof MkDonation>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkDonation, }, - props: Object.keys(argTypes), - template: '<MkDonation v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkDonation v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkDrive.file.stories.ts b/packages/frontend/src/components/MkDrive.file.stories.ts index 56b007cbea..17ba8df806 100644 --- a/packages/frontend/src/components/MkDrive.file.stories.ts +++ b/packages/frontend/src/components/MkDrive.file.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkDrive_file, } satisfies Meta<typeof MkDrive_file>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkDrive_file, }, - props: Object.keys(argTypes), - template: '<MkDrive_file v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkDrive_file v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkDrive.folder.stories.ts b/packages/frontend/src/components/MkDrive.folder.stories.ts index 7c5514a292..74b810e314 100644 --- a/packages/frontend/src/components/MkDrive.folder.stories.ts +++ b/packages/frontend/src/components/MkDrive.folder.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkDrive_folder, } satisfies Meta<typeof MkDrive_folder>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkDrive_folder, }, - props: Object.keys(argTypes), - template: '<MkDrive_folder v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkDrive_folder v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkDrive.navFolder.stories.ts b/packages/frontend/src/components/MkDrive.navFolder.stories.ts index cc7d937883..50272c4d8a 100644 --- a/packages/frontend/src/components/MkDrive.navFolder.stories.ts +++ b/packages/frontend/src/components/MkDrive.navFolder.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkDrive_navFolder, } satisfies Meta<typeof MkDrive_navFolder>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkDrive_navFolder, }, - props: Object.keys(argTypes), - template: '<MkDrive_navFolder v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkDrive_navFolder v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkDrive.stories.ts b/packages/frontend/src/components/MkDrive.stories.ts index d80015a579..3038312c39 100644 --- a/packages/frontend/src/components/MkDrive.stories.ts +++ b/packages/frontend/src/components/MkDrive.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkDrive, } satisfies Meta<typeof MkDrive>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkDrive, }, - props: Object.keys(argTypes), - template: '<MkDrive v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkDrive v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts b/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts index 2efa600aa1..6da7aab8c4 100644 --- a/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts +++ b/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkDriveFileThumbnail, } satisfies Meta<typeof MkDriveFileThumbnail>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkDriveFileThumbnail, }, - props: Object.keys(argTypes), - template: '<MkDriveFileThumbnail v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkDriveFileThumbnail v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkDriveSelectDialog.stories.ts b/packages/frontend/src/components/MkDriveSelectDialog.stories.ts index 00d23ad8f3..b665516de6 100644 --- a/packages/frontend/src/components/MkDriveSelectDialog.stories.ts +++ b/packages/frontend/src/components/MkDriveSelectDialog.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkDriveSelectDialog, } satisfies Meta<typeof MkDriveSelectDialog>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkDriveSelectDialog, }, - props: Object.keys(argTypes), - template: '<MkDriveSelectDialog v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkDriveSelectDialog v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkDriveWindow.stories.ts b/packages/frontend/src/components/MkDriveWindow.stories.ts index c2054de123..b0f13f562a 100644 --- a/packages/frontend/src/components/MkDriveWindow.stories.ts +++ b/packages/frontend/src/components/MkDriveWindow.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkDriveWindow, } satisfies Meta<typeof MkDriveWindow>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkDriveWindow, }, - props: Object.keys(argTypes), - template: '<MkDriveWindow v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkDriveWindow v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkEmojiPicker.section.stories.ts b/packages/frontend/src/components/MkEmojiPicker.section.stories.ts index 567ab0ca06..141a55f59b 100644 --- a/packages/frontend/src/components/MkEmojiPicker.section.stories.ts +++ b/packages/frontend/src/components/MkEmojiPicker.section.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkEmojiPicker_section, } satisfies Meta<typeof MkEmojiPicker_section>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkEmojiPicker_section, }, - props: Object.keys(argTypes), - template: '<MkEmojiPicker_section v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkEmojiPicker_section v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkEmojiPicker.stories.ts b/packages/frontend/src/components/MkEmojiPicker.stories.ts index 5811d0d1ec..5980c9a471 100644 --- a/packages/frontend/src/components/MkEmojiPicker.stories.ts +++ b/packages/frontend/src/components/MkEmojiPicker.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkEmojiPicker, } satisfies Meta<typeof MkEmojiPicker>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkEmojiPicker, }, - props: Object.keys(argTypes), - template: '<MkEmojiPicker v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkEmojiPicker v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts b/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts index dad27b0d50..db0900340b 100644 --- a/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts +++ b/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkEmojiPickerDialog, } satisfies Meta<typeof MkEmojiPickerDialog>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkEmojiPickerDialog, }, - props: Object.keys(argTypes), - template: '<MkEmojiPickerDialog v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkEmojiPickerDialog v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts b/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts index 39c5ca2b04..f56e5369a8 100644 --- a/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts +++ b/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkEmojiPickerWindow, } satisfies Meta<typeof MkEmojiPickerWindow>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkEmojiPickerWindow, }, - props: Object.keys(argTypes), - template: '<MkEmojiPickerWindow v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkEmojiPickerWindow v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkFeaturedPhotos.stories.ts b/packages/frontend/src/components/MkFeaturedPhotos.stories.ts index 9f4f2506bc..4894999903 100644 --- a/packages/frontend/src/components/MkFeaturedPhotos.stories.ts +++ b/packages/frontend/src/components/MkFeaturedPhotos.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkFeaturedPhotos, } satisfies Meta<typeof MkFeaturedPhotos>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkFeaturedPhotos, }, - props: Object.keys(argTypes), - template: '<MkFeaturedPhotos v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkFeaturedPhotos v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts b/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts index c8f731bab9..da29eb06cf 100644 --- a/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts +++ b/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkFileCaptionEditWindow, } satisfies Meta<typeof MkFileCaptionEditWindow>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkFileCaptionEditWindow, }, - props: Object.keys(argTypes), - template: '<MkFileCaptionEditWindow v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkFileCaptionEditWindow v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkFileListForAdmin.stories.ts b/packages/frontend/src/components/MkFileListForAdmin.stories.ts index 9f3b261005..a3fe97ee30 100644 --- a/packages/frontend/src/components/MkFileListForAdmin.stories.ts +++ b/packages/frontend/src/components/MkFileListForAdmin.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkFileListForAdmin, } satisfies Meta<typeof MkFileListForAdmin>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkFileListForAdmin, }, - props: Object.keys(argTypes), - template: '<MkFileListForAdmin v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkFileListForAdmin v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkFlashPreview.stories.ts b/packages/frontend/src/components/MkFlashPreview.stories.ts index 951863c697..a87b58c7f9 100644 --- a/packages/frontend/src/components/MkFlashPreview.stories.ts +++ b/packages/frontend/src/components/MkFlashPreview.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkFlashPreview, } satisfies Meta<typeof MkFlashPreview>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkFlashPreview, }, - props: Object.keys(argTypes), - template: '<MkFlashPreview v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkFlashPreview v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkFoldableSection.stories.ts b/packages/frontend/src/components/MkFoldableSection.stories.ts index da65def88c..20eab42e71 100644 --- a/packages/frontend/src/components/MkFoldableSection.stories.ts +++ b/packages/frontend/src/components/MkFoldableSection.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkFoldableSection, } satisfies Meta<typeof MkFoldableSection>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkFoldableSection, }, - props: Object.keys(argTypes), - template: '<MkFoldableSection v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkFoldableSection v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkFolder.stories.ts b/packages/frontend/src/components/MkFolder.stories.ts index c426a66112..7086d2c6f7 100644 --- a/packages/frontend/src/components/MkFolder.stories.ts +++ b/packages/frontend/src/components/MkFolder.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkFolder, } satisfies Meta<typeof MkFolder>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkFolder, }, - props: Object.keys(argTypes), - template: '<MkFolder v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkFolder v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkFollowButton.stories.ts b/packages/frontend/src/components/MkFollowButton.stories.ts index 0e61cb36dc..8b4ed2acf9 100644 --- a/packages/frontend/src/components/MkFollowButton.stories.ts +++ b/packages/frontend/src/components/MkFollowButton.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkFollowButton, } satisfies Meta<typeof MkFollowButton>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkFollowButton, }, - props: Object.keys(argTypes), - template: '<MkFollowButton v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkFollowButton v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkForgotPassword.stories.ts b/packages/frontend/src/components/MkForgotPassword.stories.ts index 4976670c9e..50a82ec105 100644 --- a/packages/frontend/src/components/MkForgotPassword.stories.ts +++ b/packages/frontend/src/components/MkForgotPassword.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkForgotPassword, } satisfies Meta<typeof MkForgotPassword>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkForgotPassword, }, - props: Object.keys(argTypes), - template: '<MkForgotPassword v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkForgotPassword v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkFormDialog.stories.ts b/packages/frontend/src/components/MkFormDialog.stories.ts index b63991185a..7388e075cc 100644 --- a/packages/frontend/src/components/MkFormDialog.stories.ts +++ b/packages/frontend/src/components/MkFormDialog.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkFormDialog, } satisfies Meta<typeof MkFormDialog>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkFormDialog, }, - props: Object.keys(argTypes), - template: '<MkFormDialog v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkFormDialog v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkGalleryPostPreview.stories.ts b/packages/frontend/src/components/MkGalleryPostPreview.stories.ts index fc6b7ec0d9..6b354e02b3 100644 --- a/packages/frontend/src/components/MkGalleryPostPreview.stories.ts +++ b/packages/frontend/src/components/MkGalleryPostPreview.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkGalleryPostPreview, } satisfies Meta<typeof MkGalleryPostPreview>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkGalleryPostPreview, }, - props: Object.keys(argTypes), - template: '<MkGalleryPostPreview v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkGalleryPostPreview v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkGoogle.stories.ts b/packages/frontend/src/components/MkGoogle.stories.ts index 1c15e263e2..046b4bd652 100644 --- a/packages/frontend/src/components/MkGoogle.stories.ts +++ b/packages/frontend/src/components/MkGoogle.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkGoogle, } satisfies Meta<typeof MkGoogle>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkGoogle, }, - props: Object.keys(argTypes), - template: '<MkGoogle v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkGoogle v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkHeatmap.stories.ts b/packages/frontend/src/components/MkHeatmap.stories.ts index 17bf874d0f..1782029bfc 100644 --- a/packages/frontend/src/components/MkHeatmap.stories.ts +++ b/packages/frontend/src/components/MkHeatmap.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkHeatmap, } satisfies Meta<typeof MkHeatmap>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkHeatmap, }, - props: Object.keys(argTypes), - template: '<MkHeatmap v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkHeatmap v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkImageViewer.stories.ts b/packages/frontend/src/components/MkImageViewer.stories.ts index 19d50af615..8276b916af 100644 --- a/packages/frontend/src/components/MkImageViewer.stories.ts +++ b/packages/frontend/src/components/MkImageViewer.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkImageViewer, } satisfies Meta<typeof MkImageViewer>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkImageViewer, }, - props: Object.keys(argTypes), - template: '<MkImageViewer v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkImageViewer v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkImgWithBlurhash.stories.ts b/packages/frontend/src/components/MkImgWithBlurhash.stories.ts index 6694a4aaf9..b2693395ba 100644 --- a/packages/frontend/src/components/MkImgWithBlurhash.stories.ts +++ b/packages/frontend/src/components/MkImgWithBlurhash.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkImgWithBlurhash, } satisfies Meta<typeof MkImgWithBlurhash>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkImgWithBlurhash, }, - props: Object.keys(argTypes), - template: '<MkImgWithBlurhash v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkImgWithBlurhash v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkInfo.stories.ts b/packages/frontend/src/components/MkInfo.stories.ts index 886af9af8b..99e46f95e7 100644 --- a/packages/frontend/src/components/MkInfo.stories.ts +++ b/packages/frontend/src/components/MkInfo.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkInfo, } satisfies Meta<typeof MkInfo>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkInfo, }, - props: Object.keys(argTypes), - template: '<MkInfo v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkInfo v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkInput.stories.ts b/packages/frontend/src/components/MkInput.stories.ts index e372115748..6234735409 100644 --- a/packages/frontend/src/components/MkInput.stories.ts +++ b/packages/frontend/src/components/MkInput.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkInput, } satisfies Meta<typeof MkInput>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkInput, }, - props: Object.keys(argTypes), - template: '<MkInput v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkInput v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkInstanceCardMini.stories.ts b/packages/frontend/src/components/MkInstanceCardMini.stories.ts index eeb72cd796..919948e64e 100644 --- a/packages/frontend/src/components/MkInstanceCardMini.stories.ts +++ b/packages/frontend/src/components/MkInstanceCardMini.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkInstanceCardMini, } satisfies Meta<typeof MkInstanceCardMini>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkInstanceCardMini, }, - props: Object.keys(argTypes), - template: '<MkInstanceCardMini v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkInstanceCardMini v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkInstanceStats.stories.ts b/packages/frontend/src/components/MkInstanceStats.stories.ts index 1b14c365b6..df6005ccc9 100644 --- a/packages/frontend/src/components/MkInstanceStats.stories.ts +++ b/packages/frontend/src/components/MkInstanceStats.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkInstanceStats, } satisfies Meta<typeof MkInstanceStats>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkInstanceStats, }, - props: Object.keys(argTypes), - template: '<MkInstanceStats v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkInstanceStats v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkInstanceTicker.stories.ts b/packages/frontend/src/components/MkInstanceTicker.stories.ts index 2ed1628663..364290640e 100644 --- a/packages/frontend/src/components/MkInstanceTicker.stories.ts +++ b/packages/frontend/src/components/MkInstanceTicker.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkInstanceTicker, } satisfies Meta<typeof MkInstanceTicker>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkInstanceTicker, }, - props: Object.keys(argTypes), - template: '<MkInstanceTicker v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkInstanceTicker v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkKeyValue.stories.ts b/packages/frontend/src/components/MkKeyValue.stories.ts index 748630113f..5036379752 100644 --- a/packages/frontend/src/components/MkKeyValue.stories.ts +++ b/packages/frontend/src/components/MkKeyValue.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkKeyValue, } satisfies Meta<typeof MkKeyValue>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkKeyValue, }, - props: Object.keys(argTypes), - template: '<MkKeyValue v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkKeyValue v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkLaunchPad.stories.ts b/packages/frontend/src/components/MkLaunchPad.stories.ts index aa3525124e..54f3ae3b73 100644 --- a/packages/frontend/src/components/MkLaunchPad.stories.ts +++ b/packages/frontend/src/components/MkLaunchPad.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkLaunchPad, } satisfies Meta<typeof MkLaunchPad>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkLaunchPad, }, - props: Object.keys(argTypes), - template: '<MkLaunchPad v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkLaunchPad v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkLink.stories.ts b/packages/frontend/src/components/MkLink.stories.ts index ef98855b07..cea9509a76 100644 --- a/packages/frontend/src/components/MkLink.stories.ts +++ b/packages/frontend/src/components/MkLink.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkLink, } satisfies Meta<typeof MkLink>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkLink, }, - props: Object.keys(argTypes), - template: '<MkLink v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkLink v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkMarquee.stories.ts b/packages/frontend/src/components/MkMarquee.stories.ts index 6ade5a4cf2..943b512bf8 100644 --- a/packages/frontend/src/components/MkMarquee.stories.ts +++ b/packages/frontend/src/components/MkMarquee.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkMarquee, } satisfies Meta<typeof MkMarquee>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkMarquee, }, - props: Object.keys(argTypes), - template: '<MkMarquee v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkMarquee v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkMediaBanner.stories.ts b/packages/frontend/src/components/MkMediaBanner.stories.ts index 9d2d1069da..9dd835b557 100644 --- a/packages/frontend/src/components/MkMediaBanner.stories.ts +++ b/packages/frontend/src/components/MkMediaBanner.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkMediaBanner, } satisfies Meta<typeof MkMediaBanner>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkMediaBanner, }, - props: Object.keys(argTypes), - template: '<MkMediaBanner v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkMediaBanner v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkMediaImage.stories.ts b/packages/frontend/src/components/MkMediaImage.stories.ts index adfad85063..4089a53ce8 100644 --- a/packages/frontend/src/components/MkMediaImage.stories.ts +++ b/packages/frontend/src/components/MkMediaImage.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkMediaImage, } satisfies Meta<typeof MkMediaImage>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkMediaImage, }, - props: Object.keys(argTypes), - template: '<MkMediaImage v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkMediaImage v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkMediaList.stories.ts b/packages/frontend/src/components/MkMediaList.stories.ts index e68935ee9d..d88e19c06e 100644 --- a/packages/frontend/src/components/MkMediaList.stories.ts +++ b/packages/frontend/src/components/MkMediaList.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkMediaList, } satisfies Meta<typeof MkMediaList>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkMediaList, }, - props: Object.keys(argTypes), - template: '<MkMediaList v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkMediaList v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkMediaVideo.stories.ts b/packages/frontend/src/components/MkMediaVideo.stories.ts index 61aafdad83..9f94e8ce52 100644 --- a/packages/frontend/src/components/MkMediaVideo.stories.ts +++ b/packages/frontend/src/components/MkMediaVideo.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkMediaVideo, } satisfies Meta<typeof MkMediaVideo>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkMediaVideo, }, - props: Object.keys(argTypes), - template: '<MkMediaVideo v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkMediaVideo v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkMention.stories.ts b/packages/frontend/src/components/MkMention.stories.ts index 503ac4a542..ef88a5a6bc 100644 --- a/packages/frontend/src/components/MkMention.stories.ts +++ b/packages/frontend/src/components/MkMention.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkMention, } satisfies Meta<typeof MkMention>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkMention, }, - props: Object.keys(argTypes), - template: '<MkMention v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkMention v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkMenu.child.stories.ts b/packages/frontend/src/components/MkMenu.child.stories.ts index b45a046ef8..5e84136437 100644 --- a/packages/frontend/src/components/MkMenu.child.stories.ts +++ b/packages/frontend/src/components/MkMenu.child.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkMenu_child, } satisfies Meta<typeof MkMenu_child>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkMenu_child, }, - props: Object.keys(argTypes), - template: '<MkMenu_child v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkMenu_child v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkMenu.stories.ts b/packages/frontend/src/components/MkMenu.stories.ts index 8a60b68f3e..557ce5363a 100644 --- a/packages/frontend/src/components/MkMenu.stories.ts +++ b/packages/frontend/src/components/MkMenu.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkMenu, } satisfies Meta<typeof MkMenu>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkMenu, }, - props: Object.keys(argTypes), - template: '<MkMenu v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkMenu v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkMiniChart.stories.ts b/packages/frontend/src/components/MkMiniChart.stories.ts index c0d58421b1..f26c74446d 100644 --- a/packages/frontend/src/components/MkMiniChart.stories.ts +++ b/packages/frontend/src/components/MkMiniChart.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkMiniChart, } satisfies Meta<typeof MkMiniChart>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkMiniChart, }, - props: Object.keys(argTypes), - template: '<MkMiniChart v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkMiniChart v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkModal.stories.ts b/packages/frontend/src/components/MkModal.stories.ts index 50c77800d8..baaf79dc71 100644 --- a/packages/frontend/src/components/MkModal.stories.ts +++ b/packages/frontend/src/components/MkModal.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkModal, } satisfies Meta<typeof MkModal>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkModal, }, - props: Object.keys(argTypes), - template: '<MkModal v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkModal v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkModalPageWindow.stories.ts b/packages/frontend/src/components/MkModalPageWindow.stories.ts index 6c8cbef34c..eebd26502f 100644 --- a/packages/frontend/src/components/MkModalPageWindow.stories.ts +++ b/packages/frontend/src/components/MkModalPageWindow.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkModalPageWindow, } satisfies Meta<typeof MkModalPageWindow>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkModalPageWindow, }, - props: Object.keys(argTypes), - template: '<MkModalPageWindow v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkModalPageWindow v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkModalWindow.stories.ts b/packages/frontend/src/components/MkModalWindow.stories.ts index 7b162ab8bc..fddf98574b 100644 --- a/packages/frontend/src/components/MkModalWindow.stories.ts +++ b/packages/frontend/src/components/MkModalWindow.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkModalWindow, } satisfies Meta<typeof MkModalWindow>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkModalWindow, }, - props: Object.keys(argTypes), - template: '<MkModalWindow v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkModalWindow v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkNote.stories.ts b/packages/frontend/src/components/MkNote.stories.ts index 79d28a7efe..d7a82cffd3 100644 --- a/packages/frontend/src/components/MkNote.stories.ts +++ b/packages/frontend/src/components/MkNote.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkNote, } satisfies Meta<typeof MkNote>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkNote, }, - props: Object.keys(argTypes), - template: '<MkNote v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkNote v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkNoteDetailed.stories.ts b/packages/frontend/src/components/MkNoteDetailed.stories.ts index 3a63251f2a..abed199c52 100644 --- a/packages/frontend/src/components/MkNoteDetailed.stories.ts +++ b/packages/frontend/src/components/MkNoteDetailed.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkNoteDetailed, } satisfies Meta<typeof MkNoteDetailed>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkNoteDetailed, }, - props: Object.keys(argTypes), - template: '<MkNoteDetailed v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkNoteDetailed v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkNoteHeader.stories.ts b/packages/frontend/src/components/MkNoteHeader.stories.ts index 1ccda97258..d8723eea42 100644 --- a/packages/frontend/src/components/MkNoteHeader.stories.ts +++ b/packages/frontend/src/components/MkNoteHeader.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkNoteHeader, } satisfies Meta<typeof MkNoteHeader>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkNoteHeader, }, - props: Object.keys(argTypes), - template: '<MkNoteHeader v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkNoteHeader v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkNotePreview.stories.ts b/packages/frontend/src/components/MkNotePreview.stories.ts index 9270290701..a00795f9ba 100644 --- a/packages/frontend/src/components/MkNotePreview.stories.ts +++ b/packages/frontend/src/components/MkNotePreview.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkNotePreview, } satisfies Meta<typeof MkNotePreview>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkNotePreview, }, - props: Object.keys(argTypes), - template: '<MkNotePreview v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkNotePreview v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkNoteSimple.stories.ts b/packages/frontend/src/components/MkNoteSimple.stories.ts index e6e9fb9f49..148089d829 100644 --- a/packages/frontend/src/components/MkNoteSimple.stories.ts +++ b/packages/frontend/src/components/MkNoteSimple.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkNoteSimple, } satisfies Meta<typeof MkNoteSimple>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkNoteSimple, }, - props: Object.keys(argTypes), - template: '<MkNoteSimple v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkNoteSimple v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkNoteSub.stories.ts b/packages/frontend/src/components/MkNoteSub.stories.ts index 4d7c0af7b7..dc3fad2f81 100644 --- a/packages/frontend/src/components/MkNoteSub.stories.ts +++ b/packages/frontend/src/components/MkNoteSub.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkNoteSub, } satisfies Meta<typeof MkNoteSub>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkNoteSub, }, - props: Object.keys(argTypes), - template: '<MkNoteSub v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkNoteSub v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkNotes.stories.ts b/packages/frontend/src/components/MkNotes.stories.ts index 4551b2c304..8fe2d31b4c 100644 --- a/packages/frontend/src/components/MkNotes.stories.ts +++ b/packages/frontend/src/components/MkNotes.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkNotes, } satisfies Meta<typeof MkNotes>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkNotes, }, - props: Object.keys(argTypes), - template: '<MkNotes v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkNotes v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkNotification.stories.ts b/packages/frontend/src/components/MkNotification.stories.ts index 3e4478f9ae..3612d13107 100644 --- a/packages/frontend/src/components/MkNotification.stories.ts +++ b/packages/frontend/src/components/MkNotification.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkNotification, } satisfies Meta<typeof MkNotification>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkNotification, }, - props: Object.keys(argTypes), - template: '<MkNotification v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkNotification v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts b/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts index 059f86b007..ad5e055d04 100644 --- a/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts +++ b/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkNotificationSettingWindow, } satisfies Meta<typeof MkNotificationSettingWindow>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkNotificationSettingWindow, }, - props: Object.keys(argTypes), - template: '<MkNotificationSettingWindow v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkNotificationSettingWindow v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkNotifications.stories.ts b/packages/frontend/src/components/MkNotifications.stories.ts index 48ab20bf90..5de01c2f92 100644 --- a/packages/frontend/src/components/MkNotifications.stories.ts +++ b/packages/frontend/src/components/MkNotifications.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkNotifications, } satisfies Meta<typeof MkNotifications>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkNotifications, }, - props: Object.keys(argTypes), - template: '<MkNotifications v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkNotifications v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkNumber.stories.ts b/packages/frontend/src/components/MkNumber.stories.ts index 837de8329e..1689bb431e 100644 --- a/packages/frontend/src/components/MkNumber.stories.ts +++ b/packages/frontend/src/components/MkNumber.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkNumber, } satisfies Meta<typeof MkNumber>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkNumber, }, - props: Object.keys(argTypes), - template: '<MkNumber v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkNumber v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkNumberDiff.stories.ts b/packages/frontend/src/components/MkNumberDiff.stories.ts index 9c1fcc2179..bc281e62aa 100644 --- a/packages/frontend/src/components/MkNumberDiff.stories.ts +++ b/packages/frontend/src/components/MkNumberDiff.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkNumberDiff, } satisfies Meta<typeof MkNumberDiff>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkNumberDiff, }, - props: Object.keys(argTypes), - template: '<MkNumberDiff v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkNumberDiff v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkObjectView.stories.ts b/packages/frontend/src/components/MkObjectView.stories.ts index c7aec40dc8..90c446fbdb 100644 --- a/packages/frontend/src/components/MkObjectView.stories.ts +++ b/packages/frontend/src/components/MkObjectView.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkObjectView, } satisfies Meta<typeof MkObjectView>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkObjectView, }, - props: Object.keys(argTypes), - template: '<MkObjectView v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkObjectView v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkObjectView.value.stories.ts b/packages/frontend/src/components/MkObjectView.value.stories.ts index da7ae5958d..24b0e15531 100644 --- a/packages/frontend/src/components/MkObjectView.value.stories.ts +++ b/packages/frontend/src/components/MkObjectView.value.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkObjectView_value, } satisfies Meta<typeof MkObjectView_value>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkObjectView_value, }, - props: Object.keys(argTypes), - template: '<MkObjectView_value v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkObjectView_value v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkOmit.stories.ts b/packages/frontend/src/components/MkOmit.stories.ts index 4c2dd1b3ac..06963423bd 100644 --- a/packages/frontend/src/components/MkOmit.stories.ts +++ b/packages/frontend/src/components/MkOmit.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkOmit, } satisfies Meta<typeof MkOmit>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkOmit, }, - props: Object.keys(argTypes), - template: '<MkOmit v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkOmit v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkPagePreview.stories.ts b/packages/frontend/src/components/MkPagePreview.stories.ts index 6b8121527e..d1ddf6707b 100644 --- a/packages/frontend/src/components/MkPagePreview.stories.ts +++ b/packages/frontend/src/components/MkPagePreview.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkPagePreview, } satisfies Meta<typeof MkPagePreview>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkPagePreview, }, - props: Object.keys(argTypes), - template: '<MkPagePreview v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkPagePreview v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkPageWindow.stories.ts b/packages/frontend/src/components/MkPageWindow.stories.ts index 846dd9f65c..334b3bc292 100644 --- a/packages/frontend/src/components/MkPageWindow.stories.ts +++ b/packages/frontend/src/components/MkPageWindow.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkPageWindow, } satisfies Meta<typeof MkPageWindow>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkPageWindow, }, - props: Object.keys(argTypes), - template: '<MkPageWindow v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkPageWindow v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkPagination.stories.ts b/packages/frontend/src/components/MkPagination.stories.ts index 78a99081c9..3bf7fb92bd 100644 --- a/packages/frontend/src/components/MkPagination.stories.ts +++ b/packages/frontend/src/components/MkPagination.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkPagination, } satisfies Meta<typeof MkPagination>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkPagination, }, - props: Object.keys(argTypes), - template: '<MkPagination v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkPagination v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkPlusOneEffect.stories.ts b/packages/frontend/src/components/MkPlusOneEffect.stories.ts index b6851053d3..6708f2ba61 100644 --- a/packages/frontend/src/components/MkPlusOneEffect.stories.ts +++ b/packages/frontend/src/components/MkPlusOneEffect.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkPlusOneEffect, } satisfies Meta<typeof MkPlusOneEffect>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkPlusOneEffect, }, - props: Object.keys(argTypes), - template: '<MkPlusOneEffect v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkPlusOneEffect v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkPoll.stories.ts b/packages/frontend/src/components/MkPoll.stories.ts index 651847cb15..dbab8671dd 100644 --- a/packages/frontend/src/components/MkPoll.stories.ts +++ b/packages/frontend/src/components/MkPoll.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkPoll, } satisfies Meta<typeof MkPoll>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkPoll, }, - props: Object.keys(argTypes), - template: '<MkPoll v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkPoll v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkPollEditor.stories.ts b/packages/frontend/src/components/MkPollEditor.stories.ts index 0629b9a685..8d26f2cbfb 100644 --- a/packages/frontend/src/components/MkPollEditor.stories.ts +++ b/packages/frontend/src/components/MkPollEditor.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkPollEditor, } satisfies Meta<typeof MkPollEditor>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkPollEditor, }, - props: Object.keys(argTypes), - template: '<MkPollEditor v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkPollEditor v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkPopupMenu.stories.ts b/packages/frontend/src/components/MkPopupMenu.stories.ts index 090e1f494b..2727ae37a3 100644 --- a/packages/frontend/src/components/MkPopupMenu.stories.ts +++ b/packages/frontend/src/components/MkPopupMenu.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkPopupMenu, } satisfies Meta<typeof MkPopupMenu>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkPopupMenu, }, - props: Object.keys(argTypes), - template: '<MkPopupMenu v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkPopupMenu v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkPostForm.stories.ts b/packages/frontend/src/components/MkPostForm.stories.ts index 5ed74b029d..e9623581a7 100644 --- a/packages/frontend/src/components/MkPostForm.stories.ts +++ b/packages/frontend/src/components/MkPostForm.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkPostForm, } satisfies Meta<typeof MkPostForm>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkPostForm, }, - props: Object.keys(argTypes), - template: '<MkPostForm v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkPostForm v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkPostFormAttaches.stories.ts b/packages/frontend/src/components/MkPostFormAttaches.stories.ts index 687f0bfaf2..26ea2a43f4 100644 --- a/packages/frontend/src/components/MkPostFormAttaches.stories.ts +++ b/packages/frontend/src/components/MkPostFormAttaches.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkPostFormAttaches, } satisfies Meta<typeof MkPostFormAttaches>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkPostFormAttaches, }, - props: Object.keys(argTypes), - template: '<MkPostFormAttaches v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkPostFormAttaches v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkPostFormDialog.stories.ts b/packages/frontend/src/components/MkPostFormDialog.stories.ts index 616d6f1f83..3b79730501 100644 --- a/packages/frontend/src/components/MkPostFormDialog.stories.ts +++ b/packages/frontend/src/components/MkPostFormDialog.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkPostFormDialog, } satisfies Meta<typeof MkPostFormDialog>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkPostFormDialog, }, - props: Object.keys(argTypes), - template: '<MkPostFormDialog v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkPostFormDialog v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts b/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts index 15ef8eb045..664ed0a447 100644 --- a/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts +++ b/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkPushNotificationAllowButton, } satisfies Meta<typeof MkPushNotificationAllowButton>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkPushNotificationAllowButton, }, - props: Object.keys(argTypes), - template: '<MkPushNotificationAllowButton v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkPushNotificationAllowButton v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkRadio.stories.ts b/packages/frontend/src/components/MkRadio.stories.ts index 8056eecf84..728b864fca 100644 --- a/packages/frontend/src/components/MkRadio.stories.ts +++ b/packages/frontend/src/components/MkRadio.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkRadio, } satisfies Meta<typeof MkRadio>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkRadio, }, - props: Object.keys(argTypes), - template: '<MkRadio v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkRadio v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkRadios.stories.ts b/packages/frontend/src/components/MkRadios.stories.ts index b3a0e39efb..b5059ea47c 100644 --- a/packages/frontend/src/components/MkRadios.stories.ts +++ b/packages/frontend/src/components/MkRadios.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkRadios, } satisfies Meta<typeof MkRadios>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkRadios, }, - props: Object.keys(argTypes), - template: '<MkRadios v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkRadios v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkRange.stories.ts b/packages/frontend/src/components/MkRange.stories.ts index dc6caae4d5..8b68f4d1c3 100644 --- a/packages/frontend/src/components/MkRange.stories.ts +++ b/packages/frontend/src/components/MkRange.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkRange, } satisfies Meta<typeof MkRange>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkRange, }, - props: Object.keys(argTypes), - template: '<MkRange v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkRange v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkReactedUsersDialog.stories.ts b/packages/frontend/src/components/MkReactedUsersDialog.stories.ts index 10b9b6e2ed..16041af5ac 100644 --- a/packages/frontend/src/components/MkReactedUsersDialog.stories.ts +++ b/packages/frontend/src/components/MkReactedUsersDialog.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkReactedUsersDialog, } satisfies Meta<typeof MkReactedUsersDialog>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkReactedUsersDialog, }, - props: Object.keys(argTypes), - template: '<MkReactedUsersDialog v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkReactedUsersDialog v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkReactionEffect.stories.ts b/packages/frontend/src/components/MkReactionEffect.stories.ts index 5bba9aa1af..2d5599c147 100644 --- a/packages/frontend/src/components/MkReactionEffect.stories.ts +++ b/packages/frontend/src/components/MkReactionEffect.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkReactionEffect, } satisfies Meta<typeof MkReactionEffect>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkReactionEffect, }, - props: Object.keys(argTypes), - template: '<MkReactionEffect v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkReactionEffect v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkReactionIcon.stories.ts b/packages/frontend/src/components/MkReactionIcon.stories.ts index ab78807357..309e86aded 100644 --- a/packages/frontend/src/components/MkReactionIcon.stories.ts +++ b/packages/frontend/src/components/MkReactionIcon.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkReactionIcon, } satisfies Meta<typeof MkReactionIcon>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkReactionIcon, }, - props: Object.keys(argTypes), - template: '<MkReactionIcon v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkReactionIcon v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkReactionTooltip.stories.ts b/packages/frontend/src/components/MkReactionTooltip.stories.ts index b3478f3110..41bb73c7bf 100644 --- a/packages/frontend/src/components/MkReactionTooltip.stories.ts +++ b/packages/frontend/src/components/MkReactionTooltip.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkReactionTooltip, } satisfies Meta<typeof MkReactionTooltip>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkReactionTooltip, }, - props: Object.keys(argTypes), - template: '<MkReactionTooltip v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkReactionTooltip v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkReactionsViewer.details.stories.ts b/packages/frontend/src/components/MkReactionsViewer.details.stories.ts index c853b4da3b..9e54ce7401 100644 --- a/packages/frontend/src/components/MkReactionsViewer.details.stories.ts +++ b/packages/frontend/src/components/MkReactionsViewer.details.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkReactionsViewer_details, } satisfies Meta<typeof MkReactionsViewer_details>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkReactionsViewer_details, }, - props: Object.keys(argTypes), - template: '<MkReactionsViewer_details v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkReactionsViewer_details v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts b/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts index 9f5160f06e..9e35252beb 100644 --- a/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts +++ b/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkReactionsViewer_reaction, } satisfies Meta<typeof MkReactionsViewer_reaction>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkReactionsViewer_reaction, }, - props: Object.keys(argTypes), - template: '<MkReactionsViewer_reaction v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkReactionsViewer_reaction v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkReactionsViewer.stories.ts b/packages/frontend/src/components/MkReactionsViewer.stories.ts index 30262c02b0..706428fb01 100644 --- a/packages/frontend/src/components/MkReactionsViewer.stories.ts +++ b/packages/frontend/src/components/MkReactionsViewer.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkReactionsViewer, } satisfies Meta<typeof MkReactionsViewer>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkReactionsViewer, }, - props: Object.keys(argTypes), - template: '<MkReactionsViewer v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkReactionsViewer v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkRemoteCaution.stories.ts b/packages/frontend/src/components/MkRemoteCaution.stories.ts index 103e77fc4f..3b91a07153 100644 --- a/packages/frontend/src/components/MkRemoteCaution.stories.ts +++ b/packages/frontend/src/components/MkRemoteCaution.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkRemoteCaution, } satisfies Meta<typeof MkRemoteCaution>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkRemoteCaution, }, - props: Object.keys(argTypes), - template: '<MkRemoteCaution v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkRemoteCaution v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkRetentionHeatmap.stories.ts b/packages/frontend/src/components/MkRetentionHeatmap.stories.ts index fb19bd30fe..3b7872b189 100644 --- a/packages/frontend/src/components/MkRetentionHeatmap.stories.ts +++ b/packages/frontend/src/components/MkRetentionHeatmap.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkRetentionHeatmap, } satisfies Meta<typeof MkRetentionHeatmap>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkRetentionHeatmap, }, - props: Object.keys(argTypes), - template: '<MkRetentionHeatmap v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkRetentionHeatmap v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkRippleEffect.stories.ts b/packages/frontend/src/components/MkRippleEffect.stories.ts index 73552e9d09..04eb7cc1d4 100644 --- a/packages/frontend/src/components/MkRippleEffect.stories.ts +++ b/packages/frontend/src/components/MkRippleEffect.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkRippleEffect, } satisfies Meta<typeof MkRippleEffect>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkRippleEffect, }, - props: Object.keys(argTypes), - template: '<MkRippleEffect v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkRippleEffect v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkRolePreview.stories.ts b/packages/frontend/src/components/MkRolePreview.stories.ts index 1cc60992e4..15953c7171 100644 --- a/packages/frontend/src/components/MkRolePreview.stories.ts +++ b/packages/frontend/src/components/MkRolePreview.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkRolePreview, } satisfies Meta<typeof MkRolePreview>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkRolePreview, }, - props: Object.keys(argTypes), - template: '<MkRolePreview v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkRolePreview v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkSample.stories.ts b/packages/frontend/src/components/MkSample.stories.ts index 6bc18d2903..b1e6459cf3 100644 --- a/packages/frontend/src/components/MkSample.stories.ts +++ b/packages/frontend/src/components/MkSample.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkSample, } satisfies Meta<typeof MkSample>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkSample, }, - props: Object.keys(argTypes), - template: '<MkSample v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkSample v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkSelect.stories.ts b/packages/frontend/src/components/MkSelect.stories.ts index 7996a53e14..8012045973 100644 --- a/packages/frontend/src/components/MkSelect.stories.ts +++ b/packages/frontend/src/components/MkSelect.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkSelect, } satisfies Meta<typeof MkSelect>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkSelect, }, - props: Object.keys(argTypes), - template: '<MkSelect v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkSelect v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkSignin.stories.ts b/packages/frontend/src/components/MkSignin.stories.ts index 8f03065e1d..1ac0973cef 100644 --- a/packages/frontend/src/components/MkSignin.stories.ts +++ b/packages/frontend/src/components/MkSignin.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkSignin, } satisfies Meta<typeof MkSignin>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkSignin, }, - props: Object.keys(argTypes), - template: '<MkSignin v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkSignin v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkSigninDialog.stories.ts b/packages/frontend/src/components/MkSigninDialog.stories.ts index d2e0689b44..3e4a3a7cb7 100644 --- a/packages/frontend/src/components/MkSigninDialog.stories.ts +++ b/packages/frontend/src/components/MkSigninDialog.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkSigninDialog, } satisfies Meta<typeof MkSigninDialog>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkSigninDialog, }, - props: Object.keys(argTypes), - template: '<MkSigninDialog v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkSigninDialog v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkSignup.stories.ts b/packages/frontend/src/components/MkSignup.stories.ts index a67235f6a2..8372680014 100644 --- a/packages/frontend/src/components/MkSignup.stories.ts +++ b/packages/frontend/src/components/MkSignup.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkSignup, } satisfies Meta<typeof MkSignup>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkSignup, }, - props: Object.keys(argTypes), - template: '<MkSignup v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkSignup v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkSignupDialog.stories.ts b/packages/frontend/src/components/MkSignupDialog.stories.ts index dfca62ba28..7eb70e6a88 100644 --- a/packages/frontend/src/components/MkSignupDialog.stories.ts +++ b/packages/frontend/src/components/MkSignupDialog.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkSignupDialog, } satisfies Meta<typeof MkSignupDialog>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkSignupDialog, }, - props: Object.keys(argTypes), - template: '<MkSignupDialog v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkSignupDialog v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkSparkle.stories.ts b/packages/frontend/src/components/MkSparkle.stories.ts index 4e784abf5e..6c1dca90d9 100644 --- a/packages/frontend/src/components/MkSparkle.stories.ts +++ b/packages/frontend/src/components/MkSparkle.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkSparkle, } satisfies Meta<typeof MkSparkle>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkSparkle, }, - props: Object.keys(argTypes), - template: '<MkSparkle v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkSparkle v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkSubNoteContent.stories.ts b/packages/frontend/src/components/MkSubNoteContent.stories.ts index ee19f578bc..fa9c0bb7f0 100644 --- a/packages/frontend/src/components/MkSubNoteContent.stories.ts +++ b/packages/frontend/src/components/MkSubNoteContent.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkSubNoteContent, } satisfies Meta<typeof MkSubNoteContent>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkSubNoteContent, }, - props: Object.keys(argTypes), - template: '<MkSubNoteContent v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkSubNoteContent v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkSuperMenu.stories.ts b/packages/frontend/src/components/MkSuperMenu.stories.ts index b6db1e8617..9ef7906884 100644 --- a/packages/frontend/src/components/MkSuperMenu.stories.ts +++ b/packages/frontend/src/components/MkSuperMenu.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkSuperMenu, } satisfies Meta<typeof MkSuperMenu>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkSuperMenu, }, - props: Object.keys(argTypes), - template: '<MkSuperMenu v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkSuperMenu v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkSwitch.stories.ts b/packages/frontend/src/components/MkSwitch.stories.ts index 8e7b8ffb1c..f01191be83 100644 --- a/packages/frontend/src/components/MkSwitch.stories.ts +++ b/packages/frontend/src/components/MkSwitch.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkSwitch, } satisfies Meta<typeof MkSwitch>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkSwitch, }, - props: Object.keys(argTypes), - template: '<MkSwitch v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkSwitch v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkTab.stories.ts b/packages/frontend/src/components/MkTab.stories.ts index 092a84a748..1ff6c06a0d 100644 --- a/packages/frontend/src/components/MkTab.stories.ts +++ b/packages/frontend/src/components/MkTab.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkTab, } satisfies Meta<typeof MkTab>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkTab, }, - props: Object.keys(argTypes), - template: '<MkTab v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkTab v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkTagCloud.stories.ts b/packages/frontend/src/components/MkTagCloud.stories.ts index 6bfbc03524..83aba5409b 100644 --- a/packages/frontend/src/components/MkTagCloud.stories.ts +++ b/packages/frontend/src/components/MkTagCloud.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkTagCloud, } satisfies Meta<typeof MkTagCloud>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkTagCloud, }, - props: Object.keys(argTypes), - template: '<MkTagCloud v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkTagCloud v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkTextarea.stories.ts b/packages/frontend/src/components/MkTextarea.stories.ts index 92c496db9b..9bfc2a23af 100644 --- a/packages/frontend/src/components/MkTextarea.stories.ts +++ b/packages/frontend/src/components/MkTextarea.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkTextarea, } satisfies Meta<typeof MkTextarea>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkTextarea, }, - props: Object.keys(argTypes), - template: '<MkTextarea v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkTextarea v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkTimeline.stories.ts b/packages/frontend/src/components/MkTimeline.stories.ts index b6bfb600dc..511bdead17 100644 --- a/packages/frontend/src/components/MkTimeline.stories.ts +++ b/packages/frontend/src/components/MkTimeline.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkTimeline, } satisfies Meta<typeof MkTimeline>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkTimeline, }, - props: Object.keys(argTypes), - template: '<MkTimeline v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkTimeline v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkToast.stories.ts b/packages/frontend/src/components/MkToast.stories.ts index fef647287c..c5f80f61be 100644 --- a/packages/frontend/src/components/MkToast.stories.ts +++ b/packages/frontend/src/components/MkToast.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkToast, } satisfies Meta<typeof MkToast>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkToast, }, - props: Object.keys(argTypes), - template: '<MkToast v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkToast v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts b/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts index fb9b1bc6da..5229d6d6c6 100644 --- a/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts +++ b/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkTokenGenerateWindow, } satisfies Meta<typeof MkTokenGenerateWindow>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkTokenGenerateWindow, }, - props: Object.keys(argTypes), - template: '<MkTokenGenerateWindow v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkTokenGenerateWindow v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkTooltip.stories.ts b/packages/frontend/src/components/MkTooltip.stories.ts index 2ea06ac2a8..19f22ede15 100644 --- a/packages/frontend/src/components/MkTooltip.stories.ts +++ b/packages/frontend/src/components/MkTooltip.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkTooltip, } satisfies Meta<typeof MkTooltip>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkTooltip, }, - props: Object.keys(argTypes), - template: '<MkTooltip v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkTooltip v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkUpdated.stories.ts b/packages/frontend/src/components/MkUpdated.stories.ts index 5a8a16a6b7..58069bd1d9 100644 --- a/packages/frontend/src/components/MkUpdated.stories.ts +++ b/packages/frontend/src/components/MkUpdated.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkUpdated, } satisfies Meta<typeof MkUpdated>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkUpdated, }, - props: Object.keys(argTypes), - template: '<MkUpdated v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkUpdated v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkUrlPreview.stories.ts b/packages/frontend/src/components/MkUrlPreview.stories.ts index 9f9d8c8f86..29a393a5ac 100644 --- a/packages/frontend/src/components/MkUrlPreview.stories.ts +++ b/packages/frontend/src/components/MkUrlPreview.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkUrlPreview, } satisfies Meta<typeof MkUrlPreview>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkUrlPreview, }, - props: Object.keys(argTypes), - template: '<MkUrlPreview v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkUrlPreview v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts b/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts index 74657a93ae..f9df0987a1 100644 --- a/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts +++ b/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkUrlPreviewPopup, } satisfies Meta<typeof MkUrlPreviewPopup>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkUrlPreviewPopup, }, - props: Object.keys(argTypes), - template: '<MkUrlPreviewPopup v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkUrlPreviewPopup v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkUserCardMini.stories.ts b/packages/frontend/src/components/MkUserCardMini.stories.ts index 81de09a199..8ed97c4b49 100644 --- a/packages/frontend/src/components/MkUserCardMini.stories.ts +++ b/packages/frontend/src/components/MkUserCardMini.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkUserCardMini, } satisfies Meta<typeof MkUserCardMini>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkUserCardMini, }, - props: Object.keys(argTypes), - template: '<MkUserCardMini v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkUserCardMini v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkUserInfo.stories.ts b/packages/frontend/src/components/MkUserInfo.stories.ts index 286de8925f..553df44660 100644 --- a/packages/frontend/src/components/MkUserInfo.stories.ts +++ b/packages/frontend/src/components/MkUserInfo.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkUserInfo, } satisfies Meta<typeof MkUserInfo>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkUserInfo, }, - props: Object.keys(argTypes), - template: '<MkUserInfo v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkUserInfo v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkUserList.stories.ts b/packages/frontend/src/components/MkUserList.stories.ts index 97f4d1f7d8..927364596b 100644 --- a/packages/frontend/src/components/MkUserList.stories.ts +++ b/packages/frontend/src/components/MkUserList.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkUserList, } satisfies Meta<typeof MkUserList>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkUserList, }, - props: Object.keys(argTypes), - template: '<MkUserList v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkUserList v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts b/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts index 2b9daf9b5b..c576b91b57 100644 --- a/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts +++ b/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkUserOnlineIndicator, } satisfies Meta<typeof MkUserOnlineIndicator>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkUserOnlineIndicator, }, - props: Object.keys(argTypes), - template: '<MkUserOnlineIndicator v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkUserOnlineIndicator v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkUserPopup.stories.ts b/packages/frontend/src/components/MkUserPopup.stories.ts index a74ed2609b..5a30d4ba4f 100644 --- a/packages/frontend/src/components/MkUserPopup.stories.ts +++ b/packages/frontend/src/components/MkUserPopup.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkUserPopup, } satisfies Meta<typeof MkUserPopup>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkUserPopup, }, - props: Object.keys(argTypes), - template: '<MkUserPopup v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkUserPopup v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkUserSelectDialog.stories.ts b/packages/frontend/src/components/MkUserSelectDialog.stories.ts index 522c1fc632..ffda531ed3 100644 --- a/packages/frontend/src/components/MkUserSelectDialog.stories.ts +++ b/packages/frontend/src/components/MkUserSelectDialog.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkUserSelectDialog, } satisfies Meta<typeof MkUserSelectDialog>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkUserSelectDialog, }, - props: Object.keys(argTypes), - template: '<MkUserSelectDialog v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkUserSelectDialog v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkUsersTooltip.stories.ts b/packages/frontend/src/components/MkUsersTooltip.stories.ts index 9b057bea6d..6fa843e8b5 100644 --- a/packages/frontend/src/components/MkUsersTooltip.stories.ts +++ b/packages/frontend/src/components/MkUsersTooltip.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkUsersTooltip, } satisfies Meta<typeof MkUsersTooltip>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkUsersTooltip, }, - props: Object.keys(argTypes), - template: '<MkUsersTooltip v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkUsersTooltip v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkVisibilityPicker.stories.ts b/packages/frontend/src/components/MkVisibilityPicker.stories.ts index 52156bfe11..3d62ddd9d0 100644 --- a/packages/frontend/src/components/MkVisibilityPicker.stories.ts +++ b/packages/frontend/src/components/MkVisibilityPicker.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkVisibilityPicker, } satisfies Meta<typeof MkVisibilityPicker>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkVisibilityPicker, }, - props: Object.keys(argTypes), - template: '<MkVisibilityPicker v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkVisibilityPicker v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkWaitingDialog.stories.ts b/packages/frontend/src/components/MkWaitingDialog.stories.ts index ea79004c39..b2314523d9 100644 --- a/packages/frontend/src/components/MkWaitingDialog.stories.ts +++ b/packages/frontend/src/components/MkWaitingDialog.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkWaitingDialog, } satisfies Meta<typeof MkWaitingDialog>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkWaitingDialog, }, - props: Object.keys(argTypes), - template: '<MkWaitingDialog v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkWaitingDialog v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkWidgets.stories.ts b/packages/frontend/src/components/MkWidgets.stories.ts index 7a6aad357f..39e91faafd 100644 --- a/packages/frontend/src/components/MkWidgets.stories.ts +++ b/packages/frontend/src/components/MkWidgets.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkWidgets, } satisfies Meta<typeof MkWidgets>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkWidgets, }, - props: Object.keys(argTypes), - template: '<MkWidgets v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkWidgets v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkWindow.stories.ts b/packages/frontend/src/components/MkWindow.stories.ts index 8f1a27631c..fcc9bd3002 100644 --- a/packages/frontend/src/components/MkWindow.stories.ts +++ b/packages/frontend/src/components/MkWindow.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkWindow, } satisfies Meta<typeof MkWindow>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkWindow, }, - props: Object.keys(argTypes), - template: '<MkWindow v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkWindow v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/MkYouTubePlayer.stories.ts b/packages/frontend/src/components/MkYouTubePlayer.stories.ts index 84f1dcd889..79191bbcd0 100644 --- a/packages/frontend/src/components/MkYouTubePlayer.stories.ts +++ b/packages/frontend/src/components/MkYouTubePlayer.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkYouTubePlayer, } satisfies Meta<typeof MkYouTubePlayer>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkYouTubePlayer, }, - props: Object.keys(argTypes), - template: '<MkYouTubePlayer v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkYouTubePlayer v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/form/link.stories.ts b/packages/frontend/src/components/form/link.stories.ts index 54e6c25ca8..b0ac7ee504 100644 --- a/packages/frontend/src/components/form/link.stories.ts +++ b/packages/frontend/src/components/form/link.stories.ts @@ -7,13 +7,24 @@ const meta = { component: link_, } satisfies Meta<typeof link_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { link_, }, - props: Object.keys(argTypes), - template: '<link_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<link_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/form/section.stories.ts b/packages/frontend/src/components/form/section.stories.ts index fabddc668b..0da19356e9 100644 --- a/packages/frontend/src/components/form/section.stories.ts +++ b/packages/frontend/src/components/form/section.stories.ts @@ -7,13 +7,24 @@ const meta = { component: section_, } satisfies Meta<typeof section_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { section_, }, - props: Object.keys(argTypes), - template: '<section_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<section_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/form/slot.stories.ts b/packages/frontend/src/components/form/slot.stories.ts index 6ddafe86c8..2c441f1156 100644 --- a/packages/frontend/src/components/form/slot.stories.ts +++ b/packages/frontend/src/components/form/slot.stories.ts @@ -7,13 +7,24 @@ const meta = { component: slot_, } satisfies Meta<typeof slot_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { slot_, }, - props: Object.keys(argTypes), - template: '<slot_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<slot_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/form/split.stories.ts b/packages/frontend/src/components/form/split.stories.ts index 3495bd7318..5aece4082f 100644 --- a/packages/frontend/src/components/form/split.stories.ts +++ b/packages/frontend/src/components/form/split.stories.ts @@ -7,13 +7,24 @@ const meta = { component: split_, } satisfies Meta<typeof split_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { split_, }, - props: Object.keys(argTypes), - template: '<split_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<split_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/form/suspense.stories.ts b/packages/frontend/src/components/form/suspense.stories.ts index a22580d7a9..ccd2d7d099 100644 --- a/packages/frontend/src/components/form/suspense.stories.ts +++ b/packages/frontend/src/components/form/suspense.stories.ts @@ -7,13 +7,24 @@ const meta = { component: suspense_, } satisfies Meta<typeof suspense_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { suspense_, }, - props: Object.keys(argTypes), - template: '<suspense_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<suspense_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/global/MkA.stories.ts b/packages/frontend/src/components/global/MkA.stories.ts index e3d56c63c3..91ea368263 100644 --- a/packages/frontend/src/components/global/MkA.stories.ts +++ b/packages/frontend/src/components/global/MkA.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkA, } satisfies Meta<typeof MkA>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkA, }, - props: Object.keys(argTypes), - template: '<MkA v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkA v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/global/MkAcct.stories.ts b/packages/frontend/src/components/global/MkAcct.stories.ts index a710c227a0..90f66bc182 100644 --- a/packages/frontend/src/components/global/MkAcct.stories.ts +++ b/packages/frontend/src/components/global/MkAcct.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkAcct, } satisfies Meta<typeof MkAcct>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkAcct, }, - props: Object.keys(argTypes), - template: '<MkAcct v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkAcct v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/global/MkAd.stories.ts b/packages/frontend/src/components/global/MkAd.stories.ts index 687bf30ab5..9f4dc320ba 100644 --- a/packages/frontend/src/components/global/MkAd.stories.ts +++ b/packages/frontend/src/components/global/MkAd.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkAd, } satisfies Meta<typeof MkAd>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkAd, }, - props: Object.keys(argTypes), - template: '<MkAd v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkAd v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/global/MkAvatar.stories.impl.ts b/packages/frontend/src/components/global/MkAvatar.stories.impl.ts new file mode 100644 index 0000000000..ca3db80b2e --- /dev/null +++ b/packages/frontend/src/components/global/MkAvatar.stories.impl.ts @@ -0,0 +1,64 @@ +/* eslint-disable @typescript-eslint/explicit-function-return-type */ +/* eslint-disable import/no-default-export */ +/* eslint-disable import/no-duplicates */ +import { StoryObj } from '@storybook/vue3'; +import MkAvatar from './MkAvatar.vue'; +export const Default = { + render(args) { + return { + components: { + MkAvatar, + }, + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkAvatar v-bind="props" />', + }; + }, + args: { + size: 48, + user: { + avatarUrl: 'https://github.com/misskey-dev/misskey/blob/master/packages/frontend/assets/about-icon.png?raw=true', + }, + }, + decorators: [ + (Story, context) => ({ + // eslint-disable-next-line quotes + template: `<div :style="{ display: 'grid', width: '${context.args.size}px', height: '${context.args.size}px' }"><story/></div>`, + }), + ], + parameters: { + layout: 'centered', + }, +} satisfies StoryObj<typeof MkAvatar>; +export const ProfilePage = { + ...Default, + args: { + ...Default.args, + size: 120, + indicator: true, + user: { + ...Default.args.user, + onlineStatus: 'unknown', + }, + }, +}; +export const ProfilePageCat = { + ...ProfilePage, + args: { + ...ProfilePage.args, + user: { + ...ProfilePage.args.user, + isCat: true, + }, + }, +}; diff --git a/packages/frontend/src/components/global/MkAvatar.stories.ts b/packages/frontend/src/components/global/MkAvatar.stories.ts index 644a1f2f34..6cd9ca0a9b 100644 --- a/packages/frontend/src/components/global/MkAvatar.stories.ts +++ b/packages/frontend/src/components/global/MkAvatar.stories.ts @@ -1,23 +1,80 @@ /* eslint-disable @typescript-eslint/explicit-function-return-type */ /* eslint-disable import/no-default-export */ -import { Meta, StoryObj } from '@storybook/vue3'; -import MkAvatar from './MkAvatar.vue'; +import { Meta } from '@storybook/vue3'; const meta = { title: 'components/global/MkAvatar', component: MkAvatar, } satisfies Meta<typeof MkAvatar>; +export default meta; +/* eslint-disable @typescript-eslint/explicit-function-return-type */ +/* eslint-disable import/no-default-export */ +/* eslint-disable import/no-duplicates */ +import { StoryObj } from '@storybook/vue3'; +import MkAvatar from './MkAvatar.vue'; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkAvatar, }, - props: Object.keys(argTypes), - template: '<MkAvatar v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkAvatar v-bind="props" />', }; }, + args: { + size: 48, + user: { + avatarUrl: + 'https://github.com/misskey-dev/misskey/blob/master/packages/frontend/assets/about-icon.png?raw=true', + }, + }, + decorators: [ + (Story, context) => ({ + // eslint-disable-next-line quotes + template: `<div :style="{ display: 'grid', width: '${context.args.size}px', height: '${context.args.size}px' }"><story/></div>`, + }), + ], parameters: { layout: 'centered', }, } satisfies StoryObj<typeof MkAvatar>; -export default meta; +export const ProfilePage = { + ...Default, + args: { + ...Default.args, + size: 120, + indicator: true, + user: { + ...Default.args.user, + onlineStatus: 'unknown', + }, + }, +}; +export const ProfilePageCat = { + ...ProfilePage, + args: { + ...ProfilePage.args, + user: { + ...ProfilePage.args.user, + isCat: true, + // avatarUrl: 'https://millionlive-theaterdays.idolmaster-official.jp/assets/data/webp/common/footer/icon_app.png.webp', + // avatarUrl: 'https://cdn.imastodon.net/accounts/avatars/000/144/021/original/8137afa4114ab85f.png', + // avatarUrl: 'https://avatars.githubusercontent.com/u/4439005?v=4', + // avatarUrl: 'https://avatars.githubusercontent.com/u/7973572?v=4', + // avatarUrl: 'https://avatars.githubusercontent.com/u/6533808?v=4', + // avatarUrl: 'https://avatars.githubusercontent.com/u/7106976?v=4', + avatarUrl: 'https://avatars.githubusercontent.com/u/3396686?v=4', + }, + }, +}; diff --git a/packages/frontend/src/components/global/MkCustomEmoji.stories.ts b/packages/frontend/src/components/global/MkCustomEmoji.stories.ts index cc9d4d668a..76c70b9aba 100644 --- a/packages/frontend/src/components/global/MkCustomEmoji.stories.ts +++ b/packages/frontend/src/components/global/MkCustomEmoji.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkCustomEmoji, } satisfies Meta<typeof MkCustomEmoji>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkCustomEmoji, }, - props: Object.keys(argTypes), - template: '<MkCustomEmoji v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkCustomEmoji v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/global/MkEllipsis.stories.ts b/packages/frontend/src/components/global/MkEllipsis.stories.ts index cdae6b11b5..5b8b7ca062 100644 --- a/packages/frontend/src/components/global/MkEllipsis.stories.ts +++ b/packages/frontend/src/components/global/MkEllipsis.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkEllipsis, } satisfies Meta<typeof MkEllipsis>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkEllipsis, }, - props: Object.keys(argTypes), - template: '<MkEllipsis v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkEllipsis v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/global/MkEmoji.stories.ts b/packages/frontend/src/components/global/MkEmoji.stories.ts index 7c48937c7a..cca084e2db 100644 --- a/packages/frontend/src/components/global/MkEmoji.stories.ts +++ b/packages/frontend/src/components/global/MkEmoji.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkEmoji, } satisfies Meta<typeof MkEmoji>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkEmoji, }, - props: Object.keys(argTypes), - template: '<MkEmoji v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkEmoji v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/global/MkError.stories.ts b/packages/frontend/src/components/global/MkError.stories.ts index d04d57f01f..ce7f40f56d 100644 --- a/packages/frontend/src/components/global/MkError.stories.ts +++ b/packages/frontend/src/components/global/MkError.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkError, } satisfies Meta<typeof MkError>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkError, }, - props: Object.keys(argTypes), - template: '<MkError v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkError v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/global/MkLoading.stories.ts b/packages/frontend/src/components/global/MkLoading.stories.ts index 4fe0d4ff34..a83c41a0ea 100644 --- a/packages/frontend/src/components/global/MkLoading.stories.ts +++ b/packages/frontend/src/components/global/MkLoading.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkLoading, } satisfies Meta<typeof MkLoading>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkLoading, }, - props: Object.keys(argTypes), - template: '<MkLoading v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkLoading v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts index 23869d98e7..18407d188c 100644 --- a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts +++ b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkMisskeyFlavoredMarkdown, } satisfies Meta<typeof MkMisskeyFlavoredMarkdown>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkMisskeyFlavoredMarkdown, }, - props: Object.keys(argTypes), - template: '<MkMisskeyFlavoredMarkdown v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkMisskeyFlavoredMarkdown v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/global/MkPageHeader.stories.ts b/packages/frontend/src/components/global/MkPageHeader.stories.ts index aa7c5b5f8a..6f0b9dd344 100644 --- a/packages/frontend/src/components/global/MkPageHeader.stories.ts +++ b/packages/frontend/src/components/global/MkPageHeader.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkPageHeader, } satisfies Meta<typeof MkPageHeader>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkPageHeader, }, - props: Object.keys(argTypes), - template: '<MkPageHeader v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkPageHeader v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts b/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts index 0dfa7ab6e9..611aa01790 100644 --- a/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts +++ b/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkPageHeader_tabs, } satisfies Meta<typeof MkPageHeader_tabs>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkPageHeader_tabs, }, - props: Object.keys(argTypes), - template: '<MkPageHeader_tabs v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkPageHeader_tabs v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/global/MkSpacer.stories.ts b/packages/frontend/src/components/global/MkSpacer.stories.ts index 1ca0f7da95..f5e7b2eb9b 100644 --- a/packages/frontend/src/components/global/MkSpacer.stories.ts +++ b/packages/frontend/src/components/global/MkSpacer.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkSpacer, } satisfies Meta<typeof MkSpacer>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkSpacer, }, - props: Object.keys(argTypes), - template: '<MkSpacer v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkSpacer v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/global/MkStickyContainer.stories.ts b/packages/frontend/src/components/global/MkStickyContainer.stories.ts index cad5cd06fa..180fdddb1a 100644 --- a/packages/frontend/src/components/global/MkStickyContainer.stories.ts +++ b/packages/frontend/src/components/global/MkStickyContainer.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkStickyContainer, } satisfies Meta<typeof MkStickyContainer>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkStickyContainer, }, - props: Object.keys(argTypes), - template: '<MkStickyContainer v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkStickyContainer v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/global/MkTime.stories.ts b/packages/frontend/src/components/global/MkTime.stories.ts index c1d5fd6644..d45dc70f28 100644 --- a/packages/frontend/src/components/global/MkTime.stories.ts +++ b/packages/frontend/src/components/global/MkTime.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkTime, } satisfies Meta<typeof MkTime>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkTime, }, - props: Object.keys(argTypes), - template: '<MkTime v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkTime v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/global/MkUrl.stories.ts b/packages/frontend/src/components/global/MkUrl.stories.ts index 7e6c813ce0..e3b2c4ceba 100644 --- a/packages/frontend/src/components/global/MkUrl.stories.ts +++ b/packages/frontend/src/components/global/MkUrl.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkUrl, } satisfies Meta<typeof MkUrl>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkUrl, }, - props: Object.keys(argTypes), - template: '<MkUrl v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkUrl v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/global/MkUserName.stories.ts b/packages/frontend/src/components/global/MkUserName.stories.ts index 68deaa4fec..ec708c61c8 100644 --- a/packages/frontend/src/components/global/MkUserName.stories.ts +++ b/packages/frontend/src/components/global/MkUserName.stories.ts @@ -7,13 +7,24 @@ const meta = { component: MkUserName, } satisfies Meta<typeof MkUserName>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { MkUserName, }, - props: Object.keys(argTypes), - template: '<MkUserName v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkUserName v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/global/RouterView.stories.ts b/packages/frontend/src/components/global/RouterView.stories.ts index 45a574cf56..86e25b4757 100644 --- a/packages/frontend/src/components/global/RouterView.stories.ts +++ b/packages/frontend/src/components/global/RouterView.stories.ts @@ -7,13 +7,24 @@ const meta = { component: RouterView, } satisfies Meta<typeof RouterView>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { RouterView, }, - props: Object.keys(argTypes), - template: '<RouterView v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<RouterView v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/page/page.block.stories.ts b/packages/frontend/src/components/page/page.block.stories.ts index e321ca94e3..896c99d3af 100644 --- a/packages/frontend/src/components/page/page.block.stories.ts +++ b/packages/frontend/src/components/page/page.block.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_block, } satisfies Meta<typeof page_block>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_block, }, - props: Object.keys(argTypes), - template: '<page_block v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_block v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/page/page.button.stories.ts b/packages/frontend/src/components/page/page.button.stories.ts index 99088ffb71..6de5a2c3ab 100644 --- a/packages/frontend/src/components/page/page.button.stories.ts +++ b/packages/frontend/src/components/page/page.button.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_button, } satisfies Meta<typeof page_button>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_button, }, - props: Object.keys(argTypes), - template: '<page_button v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_button v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/page/page.canvas.stories.ts b/packages/frontend/src/components/page/page.canvas.stories.ts index c8a4dfc843..18ec9c7873 100644 --- a/packages/frontend/src/components/page/page.canvas.stories.ts +++ b/packages/frontend/src/components/page/page.canvas.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_canvas, } satisfies Meta<typeof page_canvas>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_canvas, }, - props: Object.keys(argTypes), - template: '<page_canvas v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_canvas v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/page/page.counter.stories.ts b/packages/frontend/src/components/page/page.counter.stories.ts index ce3bc0d2af..25380c6b2e 100644 --- a/packages/frontend/src/components/page/page.counter.stories.ts +++ b/packages/frontend/src/components/page/page.counter.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_counter, } satisfies Meta<typeof page_counter>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_counter, }, - props: Object.keys(argTypes), - template: '<page_counter v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_counter v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/page/page.if.stories.ts b/packages/frontend/src/components/page/page.if.stories.ts index 4ad2d98989..1f9a77216b 100644 --- a/packages/frontend/src/components/page/page.if.stories.ts +++ b/packages/frontend/src/components/page/page.if.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_if, } satisfies Meta<typeof page_if>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_if, }, - props: Object.keys(argTypes), - template: '<page_if v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_if v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/page/page.image.stories.ts b/packages/frontend/src/components/page/page.image.stories.ts index 934380d2c2..63d75629fd 100644 --- a/packages/frontend/src/components/page/page.image.stories.ts +++ b/packages/frontend/src/components/page/page.image.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_image, } satisfies Meta<typeof page_image>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_image, }, - props: Object.keys(argTypes), - template: '<page_image v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_image v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/page/page.note.stories.ts b/packages/frontend/src/components/page/page.note.stories.ts index 7d7fa7acf0..642df514cd 100644 --- a/packages/frontend/src/components/page/page.note.stories.ts +++ b/packages/frontend/src/components/page/page.note.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_note, } satisfies Meta<typeof page_note>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_note, }, - props: Object.keys(argTypes), - template: '<page_note v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_note v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/page/page.number-input.stories.ts b/packages/frontend/src/components/page/page.number-input.stories.ts index cc78db58c6..671c98fa8a 100644 --- a/packages/frontend/src/components/page/page.number-input.stories.ts +++ b/packages/frontend/src/components/page/page.number-input.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_number_input, } satisfies Meta<typeof page_number_input>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_number_input, }, - props: Object.keys(argTypes), - template: '<page_number_input v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_number_input v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/page/page.post.stories.ts b/packages/frontend/src/components/page/page.post.stories.ts index 17fc49c96c..e089710aab 100644 --- a/packages/frontend/src/components/page/page.post.stories.ts +++ b/packages/frontend/src/components/page/page.post.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_post, } satisfies Meta<typeof page_post>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_post, }, - props: Object.keys(argTypes), - template: '<page_post v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_post v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/page/page.radio-button.stories.ts b/packages/frontend/src/components/page/page.radio-button.stories.ts index 14f2463dee..d7bda72007 100644 --- a/packages/frontend/src/components/page/page.radio-button.stories.ts +++ b/packages/frontend/src/components/page/page.radio-button.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_radio_button, } satisfies Meta<typeof page_radio_button>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_radio_button, }, - props: Object.keys(argTypes), - template: '<page_radio_button v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_radio_button v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/page/page.section.stories.ts b/packages/frontend/src/components/page/page.section.stories.ts index 826a861bf7..23492d6f29 100644 --- a/packages/frontend/src/components/page/page.section.stories.ts +++ b/packages/frontend/src/components/page/page.section.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_section, } satisfies Meta<typeof page_section>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_section, }, - props: Object.keys(argTypes), - template: '<page_section v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_section v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/page/page.stories.ts b/packages/frontend/src/components/page/page.stories.ts index 5754d4ad0d..3b0aa96b8a 100644 --- a/packages/frontend/src/components/page/page.stories.ts +++ b/packages/frontend/src/components/page/page.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_, } satisfies Meta<typeof page_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_, }, - props: Object.keys(argTypes), - template: '<page_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/page/page.switch.stories.ts b/packages/frontend/src/components/page/page.switch.stories.ts index 79d884a5f2..a8ab15f93d 100644 --- a/packages/frontend/src/components/page/page.switch.stories.ts +++ b/packages/frontend/src/components/page/page.switch.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_switch, } satisfies Meta<typeof page_switch>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_switch, }, - props: Object.keys(argTypes), - template: '<page_switch v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_switch v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/page/page.text-input.stories.ts b/packages/frontend/src/components/page/page.text-input.stories.ts index cc2cb26a22..6aa022fec0 100644 --- a/packages/frontend/src/components/page/page.text-input.stories.ts +++ b/packages/frontend/src/components/page/page.text-input.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_text_input, } satisfies Meta<typeof page_text_input>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_text_input, }, - props: Object.keys(argTypes), - template: '<page_text_input v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_text_input v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/page/page.text.stories.ts b/packages/frontend/src/components/page/page.text.stories.ts index cbf1816dfd..ba937dc8af 100644 --- a/packages/frontend/src/components/page/page.text.stories.ts +++ b/packages/frontend/src/components/page/page.text.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_text, } satisfies Meta<typeof page_text>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_text, }, - props: Object.keys(argTypes), - template: '<page_text v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_text v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/page/page.textarea-input.stories.ts b/packages/frontend/src/components/page/page.textarea-input.stories.ts index c0320807ca..06142954d2 100644 --- a/packages/frontend/src/components/page/page.textarea-input.stories.ts +++ b/packages/frontend/src/components/page/page.textarea-input.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_textarea_input, } satisfies Meta<typeof page_textarea_input>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_textarea_input, }, - props: Object.keys(argTypes), - template: '<page_textarea_input v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_textarea_input v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/components/page/page.textarea.stories.ts b/packages/frontend/src/components/page/page.textarea.stories.ts index 9629c3ec9b..d9337184b9 100644 --- a/packages/frontend/src/components/page/page.textarea.stories.ts +++ b/packages/frontend/src/components/page/page.textarea.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_textarea, } satisfies Meta<typeof page_textarea>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_textarea, }, - props: Object.keys(argTypes), - template: '<page_textarea v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_textarea v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/_empty_.stories.ts b/packages/frontend/src/pages/_empty_.stories.ts index eb94615790..489475ff76 100644 --- a/packages/frontend/src/pages/_empty_.stories.ts +++ b/packages/frontend/src/pages/_empty_.stories.ts @@ -7,13 +7,24 @@ const meta = { component: _empty_, } satisfies Meta<typeof _empty_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { _empty_, }, - props: Object.keys(argTypes), - template: '<_empty_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<_empty_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/_error_.stories.ts b/packages/frontend/src/pages/_error_.stories.ts index 67c81d4770..7406ea4dea 100644 --- a/packages/frontend/src/pages/_error_.stories.ts +++ b/packages/frontend/src/pages/_error_.stories.ts @@ -7,13 +7,24 @@ const meta = { component: _error_, } satisfies Meta<typeof _error_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { _error_, }, - props: Object.keys(argTypes), - template: '<_error_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<_error_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/_loading_.stories.ts b/packages/frontend/src/pages/_loading_.stories.ts index 54bee86632..a5d5cbbea5 100644 --- a/packages/frontend/src/pages/_loading_.stories.ts +++ b/packages/frontend/src/pages/_loading_.stories.ts @@ -7,13 +7,24 @@ const meta = { component: _loading_, } satisfies Meta<typeof _loading_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { _loading_, }, - props: Object.keys(argTypes), - template: '<_loading_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<_loading_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/about-misskey.stories.ts b/packages/frontend/src/pages/about-misskey.stories.ts index 82217ac20a..3143ff9582 100644 --- a/packages/frontend/src/pages/about-misskey.stories.ts +++ b/packages/frontend/src/pages/about-misskey.stories.ts @@ -7,13 +7,24 @@ const meta = { component: about_misskey, } satisfies Meta<typeof about_misskey>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { about_misskey, }, - props: Object.keys(argTypes), - template: '<about_misskey v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<about_misskey v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/about.emojis.stories.ts b/packages/frontend/src/pages/about.emojis.stories.ts index a172ce9c80..3d95008795 100644 --- a/packages/frontend/src/pages/about.emojis.stories.ts +++ b/packages/frontend/src/pages/about.emojis.stories.ts @@ -7,13 +7,24 @@ const meta = { component: about_emojis, } satisfies Meta<typeof about_emojis>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { about_emojis, }, - props: Object.keys(argTypes), - template: '<about_emojis v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<about_emojis v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/about.federation.stories.ts b/packages/frontend/src/pages/about.federation.stories.ts index a7c4b059df..cf1fc1e611 100644 --- a/packages/frontend/src/pages/about.federation.stories.ts +++ b/packages/frontend/src/pages/about.federation.stories.ts @@ -7,13 +7,24 @@ const meta = { component: about_federation, } satisfies Meta<typeof about_federation>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { about_federation, }, - props: Object.keys(argTypes), - template: '<about_federation v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<about_federation v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/about.stories.ts b/packages/frontend/src/pages/about.stories.ts index 64b3932312..c8858f3f95 100644 --- a/packages/frontend/src/pages/about.stories.ts +++ b/packages/frontend/src/pages/about.stories.ts @@ -7,13 +7,24 @@ const meta = { component: about_, } satisfies Meta<typeof about_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { about_, }, - props: Object.keys(argTypes), - template: '<about_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<about_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/achievements.stories.ts b/packages/frontend/src/pages/achievements.stories.ts index 32a359720a..1817312665 100644 --- a/packages/frontend/src/pages/achievements.stories.ts +++ b/packages/frontend/src/pages/achievements.stories.ts @@ -7,13 +7,24 @@ const meta = { component: achievements_, } satisfies Meta<typeof achievements_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { achievements_, }, - props: Object.keys(argTypes), - template: '<achievements_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<achievements_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin-file.stories.ts b/packages/frontend/src/pages/admin-file.stories.ts index bd8ee0f04c..57ea46d6a1 100644 --- a/packages/frontend/src/pages/admin-file.stories.ts +++ b/packages/frontend/src/pages/admin-file.stories.ts @@ -7,13 +7,24 @@ const meta = { component: admin_file, } satisfies Meta<typeof admin_file>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { admin_file, }, - props: Object.keys(argTypes), - template: '<admin_file v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<admin_file v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/RolesEditorFormula.stories.ts b/packages/frontend/src/pages/admin/RolesEditorFormula.stories.ts index bf1250f085..1af5513b76 100644 --- a/packages/frontend/src/pages/admin/RolesEditorFormula.stories.ts +++ b/packages/frontend/src/pages/admin/RolesEditorFormula.stories.ts @@ -7,13 +7,24 @@ const meta = { component: RolesEditorFormula, } satisfies Meta<typeof RolesEditorFormula>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { RolesEditorFormula, }, - props: Object.keys(argTypes), - template: '<RolesEditorFormula v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<RolesEditorFormula v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/_header_.stories.ts b/packages/frontend/src/pages/admin/_header_.stories.ts index 1c3871ddb9..47cec03136 100644 --- a/packages/frontend/src/pages/admin/_header_.stories.ts +++ b/packages/frontend/src/pages/admin/_header_.stories.ts @@ -7,13 +7,24 @@ const meta = { component: _header_, } satisfies Meta<typeof _header_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { _header_, }, - props: Object.keys(argTypes), - template: '<_header_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<_header_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/abuses.stories.ts b/packages/frontend/src/pages/admin/abuses.stories.ts index 3c64cb36ad..4de75bccb7 100644 --- a/packages/frontend/src/pages/admin/abuses.stories.ts +++ b/packages/frontend/src/pages/admin/abuses.stories.ts @@ -7,13 +7,24 @@ const meta = { component: abuses_, } satisfies Meta<typeof abuses_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { abuses_, }, - props: Object.keys(argTypes), - template: '<abuses_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<abuses_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/ads.stories.ts b/packages/frontend/src/pages/admin/ads.stories.ts index 5f939afecf..e56f72a2bf 100644 --- a/packages/frontend/src/pages/admin/ads.stories.ts +++ b/packages/frontend/src/pages/admin/ads.stories.ts @@ -7,13 +7,24 @@ const meta = { component: ads_, } satisfies Meta<typeof ads_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { ads_, }, - props: Object.keys(argTypes), - template: '<ads_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<ads_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/announcements.stories.ts b/packages/frontend/src/pages/admin/announcements.stories.ts index f9416c0c24..9a0c0828be 100644 --- a/packages/frontend/src/pages/admin/announcements.stories.ts +++ b/packages/frontend/src/pages/admin/announcements.stories.ts @@ -7,13 +7,24 @@ const meta = { component: announcements_, } satisfies Meta<typeof announcements_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { announcements_, }, - props: Object.keys(argTypes), - template: '<announcements_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<announcements_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/bot-protection.stories.ts b/packages/frontend/src/pages/admin/bot-protection.stories.ts index c76808edec..366ef08609 100644 --- a/packages/frontend/src/pages/admin/bot-protection.stories.ts +++ b/packages/frontend/src/pages/admin/bot-protection.stories.ts @@ -7,13 +7,24 @@ const meta = { component: bot_protection, } satisfies Meta<typeof bot_protection>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { bot_protection, }, - props: Object.keys(argTypes), - template: '<bot_protection v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<bot_protection v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/database.stories.ts b/packages/frontend/src/pages/admin/database.stories.ts index a2d240489a..69c10b786d 100644 --- a/packages/frontend/src/pages/admin/database.stories.ts +++ b/packages/frontend/src/pages/admin/database.stories.ts @@ -7,13 +7,24 @@ const meta = { component: database_, } satisfies Meta<typeof database_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { database_, }, - props: Object.keys(argTypes), - template: '<database_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<database_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/email-settings.stories.ts b/packages/frontend/src/pages/admin/email-settings.stories.ts index 7433c44136..2fb9310194 100644 --- a/packages/frontend/src/pages/admin/email-settings.stories.ts +++ b/packages/frontend/src/pages/admin/email-settings.stories.ts @@ -7,13 +7,24 @@ const meta = { component: email_settings, } satisfies Meta<typeof email_settings>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { email_settings, }, - props: Object.keys(argTypes), - template: '<email_settings v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<email_settings v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/federation.stories.ts b/packages/frontend/src/pages/admin/federation.stories.ts index 761fdeee3f..8be691fb9e 100644 --- a/packages/frontend/src/pages/admin/federation.stories.ts +++ b/packages/frontend/src/pages/admin/federation.stories.ts @@ -7,13 +7,24 @@ const meta = { component: federation_, } satisfies Meta<typeof federation_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { federation_, }, - props: Object.keys(argTypes), - template: '<federation_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<federation_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/files.stories.ts b/packages/frontend/src/pages/admin/files.stories.ts index 6e868ec81a..8876366153 100644 --- a/packages/frontend/src/pages/admin/files.stories.ts +++ b/packages/frontend/src/pages/admin/files.stories.ts @@ -7,13 +7,24 @@ const meta = { component: files_, } satisfies Meta<typeof files_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { files_, }, - props: Object.keys(argTypes), - template: '<files_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<files_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/index.stories.ts b/packages/frontend/src/pages/admin/index.stories.ts index 05ff1a3703..135df4dd59 100644 --- a/packages/frontend/src/pages/admin/index.stories.ts +++ b/packages/frontend/src/pages/admin/index.stories.ts @@ -7,13 +7,24 @@ const meta = { component: index_, } satisfies Meta<typeof index_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { index_, }, - props: Object.keys(argTypes), - template: '<index_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<index_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/instance-block.stories.ts b/packages/frontend/src/pages/admin/instance-block.stories.ts index bdf12a8d21..3e7d3f905b 100644 --- a/packages/frontend/src/pages/admin/instance-block.stories.ts +++ b/packages/frontend/src/pages/admin/instance-block.stories.ts @@ -7,13 +7,24 @@ const meta = { component: instance_block, } satisfies Meta<typeof instance_block>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { instance_block, }, - props: Object.keys(argTypes), - template: '<instance_block v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<instance_block v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/moderation.stories.ts b/packages/frontend/src/pages/admin/moderation.stories.ts index e2ce3b23cc..48eea34542 100644 --- a/packages/frontend/src/pages/admin/moderation.stories.ts +++ b/packages/frontend/src/pages/admin/moderation.stories.ts @@ -7,13 +7,24 @@ const meta = { component: moderation_, } satisfies Meta<typeof moderation_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { moderation_, }, - props: Object.keys(argTypes), - template: '<moderation_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<moderation_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/object-storage.stories.ts b/packages/frontend/src/pages/admin/object-storage.stories.ts index b2815ae3ff..d9da71dbdc 100644 --- a/packages/frontend/src/pages/admin/object-storage.stories.ts +++ b/packages/frontend/src/pages/admin/object-storage.stories.ts @@ -7,13 +7,24 @@ const meta = { component: object_storage, } satisfies Meta<typeof object_storage>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { object_storage, }, - props: Object.keys(argTypes), - template: '<object_storage v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<object_storage v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/other-settings.stories.ts b/packages/frontend/src/pages/admin/other-settings.stories.ts index 4015dd47c6..3dd5a9e369 100644 --- a/packages/frontend/src/pages/admin/other-settings.stories.ts +++ b/packages/frontend/src/pages/admin/other-settings.stories.ts @@ -7,13 +7,24 @@ const meta = { component: other_settings, } satisfies Meta<typeof other_settings>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { other_settings, }, - props: Object.keys(argTypes), - template: '<other_settings v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<other_settings v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/overview.active-users.stories.ts b/packages/frontend/src/pages/admin/overview.active-users.stories.ts index c91a005f4d..c809efec08 100644 --- a/packages/frontend/src/pages/admin/overview.active-users.stories.ts +++ b/packages/frontend/src/pages/admin/overview.active-users.stories.ts @@ -7,13 +7,24 @@ const meta = { component: overview_active_users, } satisfies Meta<typeof overview_active_users>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { overview_active_users, }, - props: Object.keys(argTypes), - template: '<overview_active_users v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<overview_active_users v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/overview.ap-requests.stories.ts b/packages/frontend/src/pages/admin/overview.ap-requests.stories.ts index 6c750a11a7..62576f1b57 100644 --- a/packages/frontend/src/pages/admin/overview.ap-requests.stories.ts +++ b/packages/frontend/src/pages/admin/overview.ap-requests.stories.ts @@ -7,13 +7,24 @@ const meta = { component: overview_ap_requests, } satisfies Meta<typeof overview_ap_requests>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { overview_ap_requests, }, - props: Object.keys(argTypes), - template: '<overview_ap_requests v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<overview_ap_requests v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/overview.federation.stories.ts b/packages/frontend/src/pages/admin/overview.federation.stories.ts index 64fa535a55..46d085a8b0 100644 --- a/packages/frontend/src/pages/admin/overview.federation.stories.ts +++ b/packages/frontend/src/pages/admin/overview.federation.stories.ts @@ -7,13 +7,24 @@ const meta = { component: overview_federation, } satisfies Meta<typeof overview_federation>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { overview_federation, }, - props: Object.keys(argTypes), - template: '<overview_federation v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<overview_federation v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/overview.heatmap.stories.ts b/packages/frontend/src/pages/admin/overview.heatmap.stories.ts index f9fb6cd8e8..dbb25c3921 100644 --- a/packages/frontend/src/pages/admin/overview.heatmap.stories.ts +++ b/packages/frontend/src/pages/admin/overview.heatmap.stories.ts @@ -7,13 +7,24 @@ const meta = { component: overview_heatmap, } satisfies Meta<typeof overview_heatmap>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { overview_heatmap, }, - props: Object.keys(argTypes), - template: '<overview_heatmap v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<overview_heatmap v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/overview.instances.stories.ts b/packages/frontend/src/pages/admin/overview.instances.stories.ts index ac3a86098e..e8cdbebd72 100644 --- a/packages/frontend/src/pages/admin/overview.instances.stories.ts +++ b/packages/frontend/src/pages/admin/overview.instances.stories.ts @@ -7,13 +7,24 @@ const meta = { component: overview_instances, } satisfies Meta<typeof overview_instances>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { overview_instances, }, - props: Object.keys(argTypes), - template: '<overview_instances v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<overview_instances v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/overview.moderators.stories.ts b/packages/frontend/src/pages/admin/overview.moderators.stories.ts index 4c6d2cf7cf..0def4155fe 100644 --- a/packages/frontend/src/pages/admin/overview.moderators.stories.ts +++ b/packages/frontend/src/pages/admin/overview.moderators.stories.ts @@ -7,13 +7,24 @@ const meta = { component: overview_moderators, } satisfies Meta<typeof overview_moderators>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { overview_moderators, }, - props: Object.keys(argTypes), - template: '<overview_moderators v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<overview_moderators v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/overview.pie.stories.ts b/packages/frontend/src/pages/admin/overview.pie.stories.ts index e9893549ee..531b14729d 100644 --- a/packages/frontend/src/pages/admin/overview.pie.stories.ts +++ b/packages/frontend/src/pages/admin/overview.pie.stories.ts @@ -7,13 +7,24 @@ const meta = { component: overview_pie, } satisfies Meta<typeof overview_pie>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { overview_pie, }, - props: Object.keys(argTypes), - template: '<overview_pie v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<overview_pie v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/overview.queue.chart.stories.ts b/packages/frontend/src/pages/admin/overview.queue.chart.stories.ts index 2cbb7d78a8..d51dde7ede 100644 --- a/packages/frontend/src/pages/admin/overview.queue.chart.stories.ts +++ b/packages/frontend/src/pages/admin/overview.queue.chart.stories.ts @@ -7,13 +7,24 @@ const meta = { component: overview_queue_chart, } satisfies Meta<typeof overview_queue_chart>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { overview_queue_chart, }, - props: Object.keys(argTypes), - template: '<overview_queue_chart v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<overview_queue_chart v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/overview.queue.stories.ts b/packages/frontend/src/pages/admin/overview.queue.stories.ts index 0fec1c1a7c..e2b2be47e3 100644 --- a/packages/frontend/src/pages/admin/overview.queue.stories.ts +++ b/packages/frontend/src/pages/admin/overview.queue.stories.ts @@ -7,13 +7,24 @@ const meta = { component: overview_queue, } satisfies Meta<typeof overview_queue>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { overview_queue, }, - props: Object.keys(argTypes), - template: '<overview_queue v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<overview_queue v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/overview.retention.stories.ts b/packages/frontend/src/pages/admin/overview.retention.stories.ts index 25a1594327..afe1e34c3d 100644 --- a/packages/frontend/src/pages/admin/overview.retention.stories.ts +++ b/packages/frontend/src/pages/admin/overview.retention.stories.ts @@ -7,13 +7,24 @@ const meta = { component: overview_retention, } satisfies Meta<typeof overview_retention>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { overview_retention, }, - props: Object.keys(argTypes), - template: '<overview_retention v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<overview_retention v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/overview.stats.stories.ts b/packages/frontend/src/pages/admin/overview.stats.stories.ts index 059ada5c9a..75aa173aa6 100644 --- a/packages/frontend/src/pages/admin/overview.stats.stories.ts +++ b/packages/frontend/src/pages/admin/overview.stats.stories.ts @@ -7,13 +7,24 @@ const meta = { component: overview_stats, } satisfies Meta<typeof overview_stats>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { overview_stats, }, - props: Object.keys(argTypes), - template: '<overview_stats v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<overview_stats v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/overview.stories.ts b/packages/frontend/src/pages/admin/overview.stories.ts index 9c4f2f73ac..b8897c2b7c 100644 --- a/packages/frontend/src/pages/admin/overview.stories.ts +++ b/packages/frontend/src/pages/admin/overview.stories.ts @@ -7,13 +7,24 @@ const meta = { component: overview_, } satisfies Meta<typeof overview_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { overview_, }, - props: Object.keys(argTypes), - template: '<overview_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<overview_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/overview.users.stories.ts b/packages/frontend/src/pages/admin/overview.users.stories.ts index 125c44f61f..0c3d806d9a 100644 --- a/packages/frontend/src/pages/admin/overview.users.stories.ts +++ b/packages/frontend/src/pages/admin/overview.users.stories.ts @@ -7,13 +7,24 @@ const meta = { component: overview_users, } satisfies Meta<typeof overview_users>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { overview_users, }, - props: Object.keys(argTypes), - template: '<overview_users v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<overview_users v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/proxy-account.stories.ts b/packages/frontend/src/pages/admin/proxy-account.stories.ts index 2a7a4bb6f7..9ef9552fc4 100644 --- a/packages/frontend/src/pages/admin/proxy-account.stories.ts +++ b/packages/frontend/src/pages/admin/proxy-account.stories.ts @@ -7,13 +7,24 @@ const meta = { component: proxy_account, } satisfies Meta<typeof proxy_account>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { proxy_account, }, - props: Object.keys(argTypes), - template: '<proxy_account v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<proxy_account v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/queue.chart.chart.stories.ts b/packages/frontend/src/pages/admin/queue.chart.chart.stories.ts index 65ca99ccb8..ea778bebb5 100644 --- a/packages/frontend/src/pages/admin/queue.chart.chart.stories.ts +++ b/packages/frontend/src/pages/admin/queue.chart.chart.stories.ts @@ -7,13 +7,24 @@ const meta = { component: queue_chart_chart, } satisfies Meta<typeof queue_chart_chart>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { queue_chart_chart, }, - props: Object.keys(argTypes), - template: '<queue_chart_chart v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<queue_chart_chart v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/queue.chart.stories.ts b/packages/frontend/src/pages/admin/queue.chart.stories.ts index f08b88dad5..c94f627251 100644 --- a/packages/frontend/src/pages/admin/queue.chart.stories.ts +++ b/packages/frontend/src/pages/admin/queue.chart.stories.ts @@ -7,13 +7,24 @@ const meta = { component: queue_chart, } satisfies Meta<typeof queue_chart>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { queue_chart, }, - props: Object.keys(argTypes), - template: '<queue_chart v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<queue_chart v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/queue.stories.ts b/packages/frontend/src/pages/admin/queue.stories.ts index e13f4bf536..0f8207461b 100644 --- a/packages/frontend/src/pages/admin/queue.stories.ts +++ b/packages/frontend/src/pages/admin/queue.stories.ts @@ -7,13 +7,24 @@ const meta = { component: queue_, } satisfies Meta<typeof queue_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { queue_, }, - props: Object.keys(argTypes), - template: '<queue_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<queue_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/relays.stories.ts b/packages/frontend/src/pages/admin/relays.stories.ts index 8aba314618..89fdf2aade 100644 --- a/packages/frontend/src/pages/admin/relays.stories.ts +++ b/packages/frontend/src/pages/admin/relays.stories.ts @@ -7,13 +7,24 @@ const meta = { component: relays_, } satisfies Meta<typeof relays_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { relays_, }, - props: Object.keys(argTypes), - template: '<relays_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<relays_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/roles.edit.stories.ts b/packages/frontend/src/pages/admin/roles.edit.stories.ts index 826b78af42..c70098771e 100644 --- a/packages/frontend/src/pages/admin/roles.edit.stories.ts +++ b/packages/frontend/src/pages/admin/roles.edit.stories.ts @@ -7,13 +7,24 @@ const meta = { component: roles_edit, } satisfies Meta<typeof roles_edit>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { roles_edit, }, - props: Object.keys(argTypes), - template: '<roles_edit v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<roles_edit v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/roles.editor.stories.ts b/packages/frontend/src/pages/admin/roles.editor.stories.ts index 1bac7a7b60..ebd4064e0e 100644 --- a/packages/frontend/src/pages/admin/roles.editor.stories.ts +++ b/packages/frontend/src/pages/admin/roles.editor.stories.ts @@ -7,13 +7,24 @@ const meta = { component: roles_editor, } satisfies Meta<typeof roles_editor>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { roles_editor, }, - props: Object.keys(argTypes), - template: '<roles_editor v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<roles_editor v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/roles.role.stories.ts b/packages/frontend/src/pages/admin/roles.role.stories.ts index 76f0d02ee3..9e41dc227d 100644 --- a/packages/frontend/src/pages/admin/roles.role.stories.ts +++ b/packages/frontend/src/pages/admin/roles.role.stories.ts @@ -7,13 +7,24 @@ const meta = { component: roles_role, } satisfies Meta<typeof roles_role>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { roles_role, }, - props: Object.keys(argTypes), - template: '<roles_role v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<roles_role v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/roles.stories.ts b/packages/frontend/src/pages/admin/roles.stories.ts index 41b6f82f68..cb5b29059f 100644 --- a/packages/frontend/src/pages/admin/roles.stories.ts +++ b/packages/frontend/src/pages/admin/roles.stories.ts @@ -7,13 +7,24 @@ const meta = { component: roles_, } satisfies Meta<typeof roles_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { roles_, }, - props: Object.keys(argTypes), - template: '<roles_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<roles_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/security.stories.ts b/packages/frontend/src/pages/admin/security.stories.ts index 667dc1f28d..3de0725c60 100644 --- a/packages/frontend/src/pages/admin/security.stories.ts +++ b/packages/frontend/src/pages/admin/security.stories.ts @@ -7,13 +7,24 @@ const meta = { component: security_, } satisfies Meta<typeof security_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { security_, }, - props: Object.keys(argTypes), - template: '<security_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<security_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/settings.stories.ts b/packages/frontend/src/pages/admin/settings.stories.ts index 2646dd894c..9acb4ec34e 100644 --- a/packages/frontend/src/pages/admin/settings.stories.ts +++ b/packages/frontend/src/pages/admin/settings.stories.ts @@ -7,13 +7,24 @@ const meta = { component: settings_, } satisfies Meta<typeof settings_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { settings_, }, - props: Object.keys(argTypes), - template: '<settings_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<settings_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/admin/users.stories.ts b/packages/frontend/src/pages/admin/users.stories.ts index 7ec0fd4060..d845f76520 100644 --- a/packages/frontend/src/pages/admin/users.stories.ts +++ b/packages/frontend/src/pages/admin/users.stories.ts @@ -7,13 +7,24 @@ const meta = { component: users_, } satisfies Meta<typeof users_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { users_, }, - props: Object.keys(argTypes), - template: '<users_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<users_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/ads.stories.ts b/packages/frontend/src/pages/ads.stories.ts index 65afabd5df..b1a4ee1d82 100644 --- a/packages/frontend/src/pages/ads.stories.ts +++ b/packages/frontend/src/pages/ads.stories.ts @@ -7,13 +7,24 @@ const meta = { component: ads_, } satisfies Meta<typeof ads_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { ads_, }, - props: Object.keys(argTypes), - template: '<ads_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<ads_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/announcements.stories.ts b/packages/frontend/src/pages/announcements.stories.ts index 1488a805d6..0f8d34972a 100644 --- a/packages/frontend/src/pages/announcements.stories.ts +++ b/packages/frontend/src/pages/announcements.stories.ts @@ -7,13 +7,24 @@ const meta = { component: announcements_, } satisfies Meta<typeof announcements_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { announcements_, }, - props: Object.keys(argTypes), - template: '<announcements_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<announcements_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/antenna-timeline.stories.ts b/packages/frontend/src/pages/antenna-timeline.stories.ts index f50785a714..8e07aeb956 100644 --- a/packages/frontend/src/pages/antenna-timeline.stories.ts +++ b/packages/frontend/src/pages/antenna-timeline.stories.ts @@ -7,13 +7,24 @@ const meta = { component: antenna_timeline, } satisfies Meta<typeof antenna_timeline>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { antenna_timeline, }, - props: Object.keys(argTypes), - template: '<antenna_timeline v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<antenna_timeline v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/api-console.stories.ts b/packages/frontend/src/pages/api-console.stories.ts index 9c503f2fc2..0475dfc3b8 100644 --- a/packages/frontend/src/pages/api-console.stories.ts +++ b/packages/frontend/src/pages/api-console.stories.ts @@ -7,13 +7,24 @@ const meta = { component: api_console, } satisfies Meta<typeof api_console>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { api_console, }, - props: Object.keys(argTypes), - template: '<api_console v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<api_console v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/auth.form.stories.ts b/packages/frontend/src/pages/auth.form.stories.ts index 4b0d95596b..643ec487c7 100644 --- a/packages/frontend/src/pages/auth.form.stories.ts +++ b/packages/frontend/src/pages/auth.form.stories.ts @@ -7,13 +7,24 @@ const meta = { component: auth_form, } satisfies Meta<typeof auth_form>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { auth_form, }, - props: Object.keys(argTypes), - template: '<auth_form v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<auth_form v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/auth.stories.ts b/packages/frontend/src/pages/auth.stories.ts index 235d5384be..827ac75eb3 100644 --- a/packages/frontend/src/pages/auth.stories.ts +++ b/packages/frontend/src/pages/auth.stories.ts @@ -7,13 +7,24 @@ const meta = { component: auth_, } satisfies Meta<typeof auth_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { auth_, }, - props: Object.keys(argTypes), - template: '<auth_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<auth_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/channel-editor.stories.ts b/packages/frontend/src/pages/channel-editor.stories.ts index 7663db90e6..f30e5e07c4 100644 --- a/packages/frontend/src/pages/channel-editor.stories.ts +++ b/packages/frontend/src/pages/channel-editor.stories.ts @@ -7,13 +7,24 @@ const meta = { component: channel_editor, } satisfies Meta<typeof channel_editor>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { channel_editor, }, - props: Object.keys(argTypes), - template: '<channel_editor v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<channel_editor v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/channel.stories.ts b/packages/frontend/src/pages/channel.stories.ts index 550d937545..52b690ee02 100644 --- a/packages/frontend/src/pages/channel.stories.ts +++ b/packages/frontend/src/pages/channel.stories.ts @@ -7,13 +7,24 @@ const meta = { component: channel_, } satisfies Meta<typeof channel_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { channel_, }, - props: Object.keys(argTypes), - template: '<channel_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<channel_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/channels.stories.ts b/packages/frontend/src/pages/channels.stories.ts index e0f79465ee..a50d2e46f6 100644 --- a/packages/frontend/src/pages/channels.stories.ts +++ b/packages/frontend/src/pages/channels.stories.ts @@ -7,13 +7,24 @@ const meta = { component: channels_, } satisfies Meta<typeof channels_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { channels_, }, - props: Object.keys(argTypes), - template: '<channels_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<channels_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/clicker.stories.ts b/packages/frontend/src/pages/clicker.stories.ts index 1e5dfcfae0..010b1cb2a7 100644 --- a/packages/frontend/src/pages/clicker.stories.ts +++ b/packages/frontend/src/pages/clicker.stories.ts @@ -7,13 +7,24 @@ const meta = { component: clicker_, } satisfies Meta<typeof clicker_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { clicker_, }, - props: Object.keys(argTypes), - template: '<clicker_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<clicker_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/clip.stories.ts b/packages/frontend/src/pages/clip.stories.ts index 9921b57e1f..ad35528eea 100644 --- a/packages/frontend/src/pages/clip.stories.ts +++ b/packages/frontend/src/pages/clip.stories.ts @@ -7,13 +7,24 @@ const meta = { component: clip_, } satisfies Meta<typeof clip_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { clip_, }, - props: Object.keys(argTypes), - template: '<clip_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<clip_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/custom-emojis-manager.stories.ts b/packages/frontend/src/pages/custom-emojis-manager.stories.ts index 6d8cb181d7..6ff43ad8b6 100644 --- a/packages/frontend/src/pages/custom-emojis-manager.stories.ts +++ b/packages/frontend/src/pages/custom-emojis-manager.stories.ts @@ -7,13 +7,24 @@ const meta = { component: custom_emojis_manager, } satisfies Meta<typeof custom_emojis_manager>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { custom_emojis_manager, }, - props: Object.keys(argTypes), - template: '<custom_emojis_manager v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<custom_emojis_manager v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/drive.stories.ts b/packages/frontend/src/pages/drive.stories.ts index b51b0f5a06..94f85e773c 100644 --- a/packages/frontend/src/pages/drive.stories.ts +++ b/packages/frontend/src/pages/drive.stories.ts @@ -7,13 +7,24 @@ const meta = { component: drive_, } satisfies Meta<typeof drive_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { drive_, }, - props: Object.keys(argTypes), - template: '<drive_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<drive_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/emoji-edit-dialog.stories.ts b/packages/frontend/src/pages/emoji-edit-dialog.stories.ts index 13e66cd5f5..5ff9d4c0b5 100644 --- a/packages/frontend/src/pages/emoji-edit-dialog.stories.ts +++ b/packages/frontend/src/pages/emoji-edit-dialog.stories.ts @@ -7,13 +7,24 @@ const meta = { component: emoji_edit_dialog, } satisfies Meta<typeof emoji_edit_dialog>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { emoji_edit_dialog, }, - props: Object.keys(argTypes), - template: '<emoji_edit_dialog v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<emoji_edit_dialog v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/emojis.emoji.stories.ts b/packages/frontend/src/pages/emojis.emoji.stories.ts index 0eb9a82c55..78964f570c 100644 --- a/packages/frontend/src/pages/emojis.emoji.stories.ts +++ b/packages/frontend/src/pages/emojis.emoji.stories.ts @@ -7,13 +7,24 @@ const meta = { component: emojis_emoji, } satisfies Meta<typeof emojis_emoji>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { emojis_emoji, }, - props: Object.keys(argTypes), - template: '<emojis_emoji v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<emojis_emoji v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/explore.featured.stories.ts b/packages/frontend/src/pages/explore.featured.stories.ts index aa6fb9a641..a9e0a1fb2a 100644 --- a/packages/frontend/src/pages/explore.featured.stories.ts +++ b/packages/frontend/src/pages/explore.featured.stories.ts @@ -7,13 +7,24 @@ const meta = { component: explore_featured, } satisfies Meta<typeof explore_featured>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { explore_featured, }, - props: Object.keys(argTypes), - template: '<explore_featured v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<explore_featured v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/explore.roles.stories.ts b/packages/frontend/src/pages/explore.roles.stories.ts index 5a033ff659..76b5a3e6d2 100644 --- a/packages/frontend/src/pages/explore.roles.stories.ts +++ b/packages/frontend/src/pages/explore.roles.stories.ts @@ -7,13 +7,24 @@ const meta = { component: explore_roles, } satisfies Meta<typeof explore_roles>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { explore_roles, }, - props: Object.keys(argTypes), - template: '<explore_roles v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<explore_roles v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/explore.stories.ts b/packages/frontend/src/pages/explore.stories.ts index 73b55b8d3e..108282a02c 100644 --- a/packages/frontend/src/pages/explore.stories.ts +++ b/packages/frontend/src/pages/explore.stories.ts @@ -7,13 +7,24 @@ const meta = { component: explore_, } satisfies Meta<typeof explore_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { explore_, }, - props: Object.keys(argTypes), - template: '<explore_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<explore_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/explore.users.stories.ts b/packages/frontend/src/pages/explore.users.stories.ts index ad708a0732..b89e297167 100644 --- a/packages/frontend/src/pages/explore.users.stories.ts +++ b/packages/frontend/src/pages/explore.users.stories.ts @@ -7,13 +7,24 @@ const meta = { component: explore_users, } satisfies Meta<typeof explore_users>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { explore_users, }, - props: Object.keys(argTypes), - template: '<explore_users v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<explore_users v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/favorites.stories.ts b/packages/frontend/src/pages/favorites.stories.ts index 3bcc85760a..e8a19503f6 100644 --- a/packages/frontend/src/pages/favorites.stories.ts +++ b/packages/frontend/src/pages/favorites.stories.ts @@ -7,13 +7,24 @@ const meta = { component: favorites_, } satisfies Meta<typeof favorites_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { favorites_, }, - props: Object.keys(argTypes), - template: '<favorites_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<favorites_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/flash/flash-edit.stories.ts b/packages/frontend/src/pages/flash/flash-edit.stories.ts index addaa232d2..4437aca742 100644 --- a/packages/frontend/src/pages/flash/flash-edit.stories.ts +++ b/packages/frontend/src/pages/flash/flash-edit.stories.ts @@ -7,13 +7,24 @@ const meta = { component: flash_edit, } satisfies Meta<typeof flash_edit>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { flash_edit, }, - props: Object.keys(argTypes), - template: '<flash_edit v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<flash_edit v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/flash/flash-index.stories.ts b/packages/frontend/src/pages/flash/flash-index.stories.ts index 3db663e6a4..46997adaf5 100644 --- a/packages/frontend/src/pages/flash/flash-index.stories.ts +++ b/packages/frontend/src/pages/flash/flash-index.stories.ts @@ -7,13 +7,24 @@ const meta = { component: flash_index, } satisfies Meta<typeof flash_index>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { flash_index, }, - props: Object.keys(argTypes), - template: '<flash_index v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<flash_index v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/flash/flash.stories.ts b/packages/frontend/src/pages/flash/flash.stories.ts index 760fff729e..f0e4bec28f 100644 --- a/packages/frontend/src/pages/flash/flash.stories.ts +++ b/packages/frontend/src/pages/flash/flash.stories.ts @@ -7,13 +7,24 @@ const meta = { component: flash_, } satisfies Meta<typeof flash_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { flash_, }, - props: Object.keys(argTypes), - template: '<flash_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<flash_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/follow-requests.stories.ts b/packages/frontend/src/pages/follow-requests.stories.ts index 691064cbe8..e476568ffd 100644 --- a/packages/frontend/src/pages/follow-requests.stories.ts +++ b/packages/frontend/src/pages/follow-requests.stories.ts @@ -7,13 +7,24 @@ const meta = { component: follow_requests, } satisfies Meta<typeof follow_requests>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { follow_requests, }, - props: Object.keys(argTypes), - template: '<follow_requests v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<follow_requests v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/follow.stories.ts b/packages/frontend/src/pages/follow.stories.ts index 51bffee3e9..57ecbf687d 100644 --- a/packages/frontend/src/pages/follow.stories.ts +++ b/packages/frontend/src/pages/follow.stories.ts @@ -7,13 +7,24 @@ const meta = { component: follow_, } satisfies Meta<typeof follow_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { follow_, }, - props: Object.keys(argTypes), - template: '<follow_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<follow_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/gallery/edit.stories.ts b/packages/frontend/src/pages/gallery/edit.stories.ts index 11fa82a96a..0205511cf4 100644 --- a/packages/frontend/src/pages/gallery/edit.stories.ts +++ b/packages/frontend/src/pages/gallery/edit.stories.ts @@ -7,13 +7,24 @@ const meta = { component: edit_, } satisfies Meta<typeof edit_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { edit_, }, - props: Object.keys(argTypes), - template: '<edit_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<edit_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/gallery/index.stories.ts b/packages/frontend/src/pages/gallery/index.stories.ts index 4d1112aa3f..ac17fc0477 100644 --- a/packages/frontend/src/pages/gallery/index.stories.ts +++ b/packages/frontend/src/pages/gallery/index.stories.ts @@ -7,13 +7,24 @@ const meta = { component: index_, } satisfies Meta<typeof index_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { index_, }, - props: Object.keys(argTypes), - template: '<index_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<index_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/gallery/post.stories.ts b/packages/frontend/src/pages/gallery/post.stories.ts index f3dbec3349..f49938bbf8 100644 --- a/packages/frontend/src/pages/gallery/post.stories.ts +++ b/packages/frontend/src/pages/gallery/post.stories.ts @@ -7,13 +7,24 @@ const meta = { component: post_, } satisfies Meta<typeof post_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { post_, }, - props: Object.keys(argTypes), - template: '<post_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<post_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/instance-info.stories.ts b/packages/frontend/src/pages/instance-info.stories.ts index eede2a59ba..188ce8ec6e 100644 --- a/packages/frontend/src/pages/instance-info.stories.ts +++ b/packages/frontend/src/pages/instance-info.stories.ts @@ -7,13 +7,24 @@ const meta = { component: instance_info, } satisfies Meta<typeof instance_info>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { instance_info, }, - props: Object.keys(argTypes), - template: '<instance_info v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<instance_info v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/miauth.stories.ts b/packages/frontend/src/pages/miauth.stories.ts index 739f935dfd..2814d117fb 100644 --- a/packages/frontend/src/pages/miauth.stories.ts +++ b/packages/frontend/src/pages/miauth.stories.ts @@ -7,13 +7,24 @@ const meta = { component: miauth_, } satisfies Meta<typeof miauth_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { miauth_, }, - props: Object.keys(argTypes), - template: '<miauth_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<miauth_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/my-antennas/create.stories.ts b/packages/frontend/src/pages/my-antennas/create.stories.ts index 205ed53dec..149e73a9ea 100644 --- a/packages/frontend/src/pages/my-antennas/create.stories.ts +++ b/packages/frontend/src/pages/my-antennas/create.stories.ts @@ -7,13 +7,24 @@ const meta = { component: create_, } satisfies Meta<typeof create_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { create_, }, - props: Object.keys(argTypes), - template: '<create_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<create_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/my-antennas/edit.stories.ts b/packages/frontend/src/pages/my-antennas/edit.stories.ts index 37c3eccc21..9771b4ffd5 100644 --- a/packages/frontend/src/pages/my-antennas/edit.stories.ts +++ b/packages/frontend/src/pages/my-antennas/edit.stories.ts @@ -7,13 +7,24 @@ const meta = { component: edit_, } satisfies Meta<typeof edit_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { edit_, }, - props: Object.keys(argTypes), - template: '<edit_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<edit_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/my-antennas/editor.stories.ts b/packages/frontend/src/pages/my-antennas/editor.stories.ts index df9b81d5c0..0e3c0e1855 100644 --- a/packages/frontend/src/pages/my-antennas/editor.stories.ts +++ b/packages/frontend/src/pages/my-antennas/editor.stories.ts @@ -7,13 +7,24 @@ const meta = { component: editor_, } satisfies Meta<typeof editor_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { editor_, }, - props: Object.keys(argTypes), - template: '<editor_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<editor_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/my-antennas/index.stories.ts b/packages/frontend/src/pages/my-antennas/index.stories.ts index 0c71408871..0a38dec601 100644 --- a/packages/frontend/src/pages/my-antennas/index.stories.ts +++ b/packages/frontend/src/pages/my-antennas/index.stories.ts @@ -7,13 +7,24 @@ const meta = { component: index_, } satisfies Meta<typeof index_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { index_, }, - props: Object.keys(argTypes), - template: '<index_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<index_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/my-clips/index.stories.ts b/packages/frontend/src/pages/my-clips/index.stories.ts index aec5d71aae..71fd4314dc 100644 --- a/packages/frontend/src/pages/my-clips/index.stories.ts +++ b/packages/frontend/src/pages/my-clips/index.stories.ts @@ -7,13 +7,24 @@ const meta = { component: index_, } satisfies Meta<typeof index_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { index_, }, - props: Object.keys(argTypes), - template: '<index_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<index_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/my-lists/index.stories.ts b/packages/frontend/src/pages/my-lists/index.stories.ts index 0f3995a484..a945b45ca8 100644 --- a/packages/frontend/src/pages/my-lists/index.stories.ts +++ b/packages/frontend/src/pages/my-lists/index.stories.ts @@ -7,13 +7,24 @@ const meta = { component: index_, } satisfies Meta<typeof index_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { index_, }, - props: Object.keys(argTypes), - template: '<index_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<index_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/my-lists/list.stories.ts b/packages/frontend/src/pages/my-lists/list.stories.ts index 99e6c999b9..e636179b38 100644 --- a/packages/frontend/src/pages/my-lists/list.stories.ts +++ b/packages/frontend/src/pages/my-lists/list.stories.ts @@ -7,13 +7,24 @@ const meta = { component: list_, } satisfies Meta<typeof list_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { list_, }, - props: Object.keys(argTypes), - template: '<list_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<list_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/not-found.stories.ts b/packages/frontend/src/pages/not-found.stories.ts index 7883045697..99715854d3 100644 --- a/packages/frontend/src/pages/not-found.stories.ts +++ b/packages/frontend/src/pages/not-found.stories.ts @@ -7,13 +7,24 @@ const meta = { component: not_found, } satisfies Meta<typeof not_found>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { not_found, }, - props: Object.keys(argTypes), - template: '<not_found v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<not_found v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/note.stories.ts b/packages/frontend/src/pages/note.stories.ts index 5510f61bd9..de8ef127d8 100644 --- a/packages/frontend/src/pages/note.stories.ts +++ b/packages/frontend/src/pages/note.stories.ts @@ -7,13 +7,24 @@ const meta = { component: note_, } satisfies Meta<typeof note_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { note_, }, - props: Object.keys(argTypes), - template: '<note_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<note_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/notifications.stories.ts b/packages/frontend/src/pages/notifications.stories.ts index bef350a4c1..e7fab3655b 100644 --- a/packages/frontend/src/pages/notifications.stories.ts +++ b/packages/frontend/src/pages/notifications.stories.ts @@ -7,13 +7,24 @@ const meta = { component: notifications_, } satisfies Meta<typeof notifications_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { notifications_, }, - props: Object.keys(argTypes), - template: '<notifications_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<notifications_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.image.stories.ts b/packages/frontend/src/pages/page-editor/els/page-editor.el.image.stories.ts index 67b9b8c35b..372952a2b6 100644 --- a/packages/frontend/src/pages/page-editor/els/page-editor.el.image.stories.ts +++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.image.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_editor_el_image, } satisfies Meta<typeof page_editor_el_image>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_editor_el_image, }, - props: Object.keys(argTypes), - template: '<page_editor_el_image v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_editor_el_image v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.note.stories.ts b/packages/frontend/src/pages/page-editor/els/page-editor.el.note.stories.ts index 7377d2b75d..c341e18988 100644 --- a/packages/frontend/src/pages/page-editor/els/page-editor.el.note.stories.ts +++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.note.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_editor_el_note, } satisfies Meta<typeof page_editor_el_note>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_editor_el_note, }, - props: Object.keys(argTypes), - template: '<page_editor_el_note v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_editor_el_note v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.section.stories.ts b/packages/frontend/src/pages/page-editor/els/page-editor.el.section.stories.ts index c93304330d..90bd4f7a4e 100644 --- a/packages/frontend/src/pages/page-editor/els/page-editor.el.section.stories.ts +++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.section.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_editor_el_section, } satisfies Meta<typeof page_editor_el_section>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_editor_el_section, }, - props: Object.keys(argTypes), - template: '<page_editor_el_section v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_editor_el_section v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.text.stories.ts b/packages/frontend/src/pages/page-editor/els/page-editor.el.text.stories.ts index 4486012428..46540991f0 100644 --- a/packages/frontend/src/pages/page-editor/els/page-editor.el.text.stories.ts +++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.text.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_editor_el_text, } satisfies Meta<typeof page_editor_el_text>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_editor_el_text, }, - props: Object.keys(argTypes), - template: '<page_editor_el_text v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_editor_el_text v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/page-editor/page-editor.blocks.stories.ts b/packages/frontend/src/pages/page-editor/page-editor.blocks.stories.ts index fb29d1f4e1..5cf3158d6e 100644 --- a/packages/frontend/src/pages/page-editor/page-editor.blocks.stories.ts +++ b/packages/frontend/src/pages/page-editor/page-editor.blocks.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_editor_blocks, } satisfies Meta<typeof page_editor_blocks>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_editor_blocks, }, - props: Object.keys(argTypes), - template: '<page_editor_blocks v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_editor_blocks v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/page-editor/page-editor.container.stories.ts b/packages/frontend/src/pages/page-editor/page-editor.container.stories.ts index 252892c264..9f035212fa 100644 --- a/packages/frontend/src/pages/page-editor/page-editor.container.stories.ts +++ b/packages/frontend/src/pages/page-editor/page-editor.container.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_editor_container, } satisfies Meta<typeof page_editor_container>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_editor_container, }, - props: Object.keys(argTypes), - template: '<page_editor_container v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_editor_container v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/page-editor/page-editor.stories.ts b/packages/frontend/src/pages/page-editor/page-editor.stories.ts index f6ff74cd3d..191b566530 100644 --- a/packages/frontend/src/pages/page-editor/page-editor.stories.ts +++ b/packages/frontend/src/pages/page-editor/page-editor.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_editor, } satisfies Meta<typeof page_editor>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_editor, }, - props: Object.keys(argTypes), - template: '<page_editor v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_editor v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/page.stories.ts b/packages/frontend/src/pages/page.stories.ts index 2e988a1575..10e197dc14 100644 --- a/packages/frontend/src/pages/page.stories.ts +++ b/packages/frontend/src/pages/page.stories.ts @@ -7,13 +7,24 @@ const meta = { component: page_, } satisfies Meta<typeof page_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { page_, }, - props: Object.keys(argTypes), - template: '<page_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<page_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/pages.stories.ts b/packages/frontend/src/pages/pages.stories.ts index 1745427170..5359f0ac82 100644 --- a/packages/frontend/src/pages/pages.stories.ts +++ b/packages/frontend/src/pages/pages.stories.ts @@ -7,13 +7,24 @@ const meta = { component: pages_, } satisfies Meta<typeof pages_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { pages_, }, - props: Object.keys(argTypes), - template: '<pages_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<pages_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/preview.stories.ts b/packages/frontend/src/pages/preview.stories.ts index a73091c83f..0bdb067ab3 100644 --- a/packages/frontend/src/pages/preview.stories.ts +++ b/packages/frontend/src/pages/preview.stories.ts @@ -7,13 +7,24 @@ const meta = { component: preview_, } satisfies Meta<typeof preview_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { preview_, }, - props: Object.keys(argTypes), - template: '<preview_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<preview_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/registry.keys.stories.ts b/packages/frontend/src/pages/registry.keys.stories.ts index 8a079f7c26..3266071424 100644 --- a/packages/frontend/src/pages/registry.keys.stories.ts +++ b/packages/frontend/src/pages/registry.keys.stories.ts @@ -7,13 +7,24 @@ const meta = { component: registry_keys, } satisfies Meta<typeof registry_keys>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { registry_keys, }, - props: Object.keys(argTypes), - template: '<registry_keys v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<registry_keys v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/registry.stories.ts b/packages/frontend/src/pages/registry.stories.ts index 7f042eb7dd..e0af01e1f5 100644 --- a/packages/frontend/src/pages/registry.stories.ts +++ b/packages/frontend/src/pages/registry.stories.ts @@ -7,13 +7,24 @@ const meta = { component: registry_, } satisfies Meta<typeof registry_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { registry_, }, - props: Object.keys(argTypes), - template: '<registry_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<registry_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/registry.value.stories.ts b/packages/frontend/src/pages/registry.value.stories.ts index 2bb17f1d2d..44b848b9ce 100644 --- a/packages/frontend/src/pages/registry.value.stories.ts +++ b/packages/frontend/src/pages/registry.value.stories.ts @@ -7,13 +7,24 @@ const meta = { component: registry_value, } satisfies Meta<typeof registry_value>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { registry_value, }, - props: Object.keys(argTypes), - template: '<registry_value v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<registry_value v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/reset-password.stories.ts b/packages/frontend/src/pages/reset-password.stories.ts index b2d0d2cf50..aa0c476491 100644 --- a/packages/frontend/src/pages/reset-password.stories.ts +++ b/packages/frontend/src/pages/reset-password.stories.ts @@ -7,13 +7,24 @@ const meta = { component: reset_password, } satisfies Meta<typeof reset_password>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { reset_password, }, - props: Object.keys(argTypes), - template: '<reset_password v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<reset_password v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/role.stories.ts b/packages/frontend/src/pages/role.stories.ts index f8b3bfc813..3adcc107f1 100644 --- a/packages/frontend/src/pages/role.stories.ts +++ b/packages/frontend/src/pages/role.stories.ts @@ -7,13 +7,24 @@ const meta = { component: role_, } satisfies Meta<typeof role_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { role_, }, - props: Object.keys(argTypes), - template: '<role_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<role_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/scratchpad.stories.ts b/packages/frontend/src/pages/scratchpad.stories.ts index 5ce010698e..94fcff0d9d 100644 --- a/packages/frontend/src/pages/scratchpad.stories.ts +++ b/packages/frontend/src/pages/scratchpad.stories.ts @@ -7,13 +7,24 @@ const meta = { component: scratchpad_, } satisfies Meta<typeof scratchpad_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { scratchpad_, }, - props: Object.keys(argTypes), - template: '<scratchpad_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<scratchpad_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/search.stories.ts b/packages/frontend/src/pages/search.stories.ts index 92964f42e9..fe10f4c2c2 100644 --- a/packages/frontend/src/pages/search.stories.ts +++ b/packages/frontend/src/pages/search.stories.ts @@ -7,13 +7,24 @@ const meta = { component: search_, } satisfies Meta<typeof search_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { search_, }, - props: Object.keys(argTypes), - template: '<search_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<search_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/2fa.qrdialog.stories.ts b/packages/frontend/src/pages/settings/2fa.qrdialog.stories.ts index 2eed85d760..8892f6bc3d 100644 --- a/packages/frontend/src/pages/settings/2fa.qrdialog.stories.ts +++ b/packages/frontend/src/pages/settings/2fa.qrdialog.stories.ts @@ -7,13 +7,24 @@ const meta = { component: _2fa_qrdialog, } satisfies Meta<typeof _2fa_qrdialog>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { _2fa_qrdialog, }, - props: Object.keys(argTypes), - template: '<_2fa_qrdialog v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<_2fa_qrdialog v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/2fa.stories.ts b/packages/frontend/src/pages/settings/2fa.stories.ts index 7f66edf240..30280a5c48 100644 --- a/packages/frontend/src/pages/settings/2fa.stories.ts +++ b/packages/frontend/src/pages/settings/2fa.stories.ts @@ -7,13 +7,24 @@ const meta = { component: _2fa, } satisfies Meta<typeof _2fa>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { _2fa, }, - props: Object.keys(argTypes), - template: '<_2fa v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<_2fa v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/account-info.stories.ts b/packages/frontend/src/pages/settings/account-info.stories.ts index 2194e97ffd..4150d31786 100644 --- a/packages/frontend/src/pages/settings/account-info.stories.ts +++ b/packages/frontend/src/pages/settings/account-info.stories.ts @@ -7,13 +7,24 @@ const meta = { component: account_info, } satisfies Meta<typeof account_info>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { account_info, }, - props: Object.keys(argTypes), - template: '<account_info v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<account_info v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/accounts.stories.ts b/packages/frontend/src/pages/settings/accounts.stories.ts index b50f0862fc..1a88aef4c5 100644 --- a/packages/frontend/src/pages/settings/accounts.stories.ts +++ b/packages/frontend/src/pages/settings/accounts.stories.ts @@ -7,13 +7,24 @@ const meta = { component: accounts_, } satisfies Meta<typeof accounts_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { accounts_, }, - props: Object.keys(argTypes), - template: '<accounts_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<accounts_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/api.stories.ts b/packages/frontend/src/pages/settings/api.stories.ts index 66140aa8ba..54e9eaffdb 100644 --- a/packages/frontend/src/pages/settings/api.stories.ts +++ b/packages/frontend/src/pages/settings/api.stories.ts @@ -7,13 +7,24 @@ const meta = { component: api_, } satisfies Meta<typeof api_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { api_, }, - props: Object.keys(argTypes), - template: '<api_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<api_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/apps.stories.ts b/packages/frontend/src/pages/settings/apps.stories.ts index 3a202bd10e..ccc13f96f9 100644 --- a/packages/frontend/src/pages/settings/apps.stories.ts +++ b/packages/frontend/src/pages/settings/apps.stories.ts @@ -7,13 +7,24 @@ const meta = { component: apps_, } satisfies Meta<typeof apps_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { apps_, }, - props: Object.keys(argTypes), - template: '<apps_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<apps_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/custom-css.stories.ts b/packages/frontend/src/pages/settings/custom-css.stories.ts index e411cf8947..f45ce4b5c2 100644 --- a/packages/frontend/src/pages/settings/custom-css.stories.ts +++ b/packages/frontend/src/pages/settings/custom-css.stories.ts @@ -7,13 +7,24 @@ const meta = { component: custom_css, } satisfies Meta<typeof custom_css>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { custom_css, }, - props: Object.keys(argTypes), - template: '<custom_css v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<custom_css v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/deck.stories.ts b/packages/frontend/src/pages/settings/deck.stories.ts index 74aaec4430..f9f566c698 100644 --- a/packages/frontend/src/pages/settings/deck.stories.ts +++ b/packages/frontend/src/pages/settings/deck.stories.ts @@ -7,13 +7,24 @@ const meta = { component: deck_, } satisfies Meta<typeof deck_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { deck_, }, - props: Object.keys(argTypes), - template: '<deck_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<deck_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/delete-account.stories.ts b/packages/frontend/src/pages/settings/delete-account.stories.ts index f71df1bab6..5734b94cb7 100644 --- a/packages/frontend/src/pages/settings/delete-account.stories.ts +++ b/packages/frontend/src/pages/settings/delete-account.stories.ts @@ -7,13 +7,24 @@ const meta = { component: delete_account, } satisfies Meta<typeof delete_account>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { delete_account, }, - props: Object.keys(argTypes), - template: '<delete_account v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<delete_account v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/drive.stories.ts b/packages/frontend/src/pages/settings/drive.stories.ts index be593fc2d2..55faccffd5 100644 --- a/packages/frontend/src/pages/settings/drive.stories.ts +++ b/packages/frontend/src/pages/settings/drive.stories.ts @@ -7,13 +7,24 @@ const meta = { component: drive_, } satisfies Meta<typeof drive_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { drive_, }, - props: Object.keys(argTypes), - template: '<drive_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<drive_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/email.stories.ts b/packages/frontend/src/pages/settings/email.stories.ts index 42ea878fa3..98defa44a8 100644 --- a/packages/frontend/src/pages/settings/email.stories.ts +++ b/packages/frontend/src/pages/settings/email.stories.ts @@ -7,13 +7,24 @@ const meta = { component: email_, } satisfies Meta<typeof email_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { email_, }, - props: Object.keys(argTypes), - template: '<email_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<email_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/general.stories.ts b/packages/frontend/src/pages/settings/general.stories.ts index 3a97f8f550..589807d90c 100644 --- a/packages/frontend/src/pages/settings/general.stories.ts +++ b/packages/frontend/src/pages/settings/general.stories.ts @@ -7,13 +7,24 @@ const meta = { component: general_, } satisfies Meta<typeof general_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { general_, }, - props: Object.keys(argTypes), - template: '<general_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<general_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/import-export.stories.ts b/packages/frontend/src/pages/settings/import-export.stories.ts index a050a23639..3babedf181 100644 --- a/packages/frontend/src/pages/settings/import-export.stories.ts +++ b/packages/frontend/src/pages/settings/import-export.stories.ts @@ -7,13 +7,24 @@ const meta = { component: import_export, } satisfies Meta<typeof import_export>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { import_export, }, - props: Object.keys(argTypes), - template: '<import_export v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<import_export v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/index.stories.ts b/packages/frontend/src/pages/settings/index.stories.ts index 3a5c6f58b1..537c0a9add 100644 --- a/packages/frontend/src/pages/settings/index.stories.ts +++ b/packages/frontend/src/pages/settings/index.stories.ts @@ -7,13 +7,24 @@ const meta = { component: index_, } satisfies Meta<typeof index_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { index_, }, - props: Object.keys(argTypes), - template: '<index_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<index_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/instance-mute.stories.ts b/packages/frontend/src/pages/settings/instance-mute.stories.ts index 69a9d58232..9e23409158 100644 --- a/packages/frontend/src/pages/settings/instance-mute.stories.ts +++ b/packages/frontend/src/pages/settings/instance-mute.stories.ts @@ -7,13 +7,24 @@ const meta = { component: instance_mute, } satisfies Meta<typeof instance_mute>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { instance_mute, }, - props: Object.keys(argTypes), - template: '<instance_mute v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<instance_mute v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/mute-block.stories.ts b/packages/frontend/src/pages/settings/mute-block.stories.ts index 4962ab1305..436e102c4f 100644 --- a/packages/frontend/src/pages/settings/mute-block.stories.ts +++ b/packages/frontend/src/pages/settings/mute-block.stories.ts @@ -7,13 +7,24 @@ const meta = { component: mute_block, } satisfies Meta<typeof mute_block>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { mute_block, }, - props: Object.keys(argTypes), - template: '<mute_block v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<mute_block v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/navbar.stories.ts b/packages/frontend/src/pages/settings/navbar.stories.ts index 68e710c57d..8ba931625f 100644 --- a/packages/frontend/src/pages/settings/navbar.stories.ts +++ b/packages/frontend/src/pages/settings/navbar.stories.ts @@ -7,13 +7,24 @@ const meta = { component: navbar_, } satisfies Meta<typeof navbar_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { navbar_, }, - props: Object.keys(argTypes), - template: '<navbar_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<navbar_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/notifications.stories.ts b/packages/frontend/src/pages/settings/notifications.stories.ts index 85540d3675..a5fdb40175 100644 --- a/packages/frontend/src/pages/settings/notifications.stories.ts +++ b/packages/frontend/src/pages/settings/notifications.stories.ts @@ -7,13 +7,24 @@ const meta = { component: notifications_, } satisfies Meta<typeof notifications_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { notifications_, }, - props: Object.keys(argTypes), - template: '<notifications_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<notifications_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/other.stories.ts b/packages/frontend/src/pages/settings/other.stories.ts index da07d5f054..c450f45eb6 100644 --- a/packages/frontend/src/pages/settings/other.stories.ts +++ b/packages/frontend/src/pages/settings/other.stories.ts @@ -7,13 +7,24 @@ const meta = { component: other_, } satisfies Meta<typeof other_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { other_, }, - props: Object.keys(argTypes), - template: '<other_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<other_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/plugin.install.stories.ts b/packages/frontend/src/pages/settings/plugin.install.stories.ts index 5b00437878..287be56db7 100644 --- a/packages/frontend/src/pages/settings/plugin.install.stories.ts +++ b/packages/frontend/src/pages/settings/plugin.install.stories.ts @@ -7,13 +7,24 @@ const meta = { component: plugin_install, } satisfies Meta<typeof plugin_install>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { plugin_install, }, - props: Object.keys(argTypes), - template: '<plugin_install v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<plugin_install v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/plugin.stories.ts b/packages/frontend/src/pages/settings/plugin.stories.ts index 5fec62074b..8bb4d2ac3b 100644 --- a/packages/frontend/src/pages/settings/plugin.stories.ts +++ b/packages/frontend/src/pages/settings/plugin.stories.ts @@ -7,13 +7,24 @@ const meta = { component: plugin_, } satisfies Meta<typeof plugin_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { plugin_, }, - props: Object.keys(argTypes), - template: '<plugin_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<plugin_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/preferences-backups.stories.ts b/packages/frontend/src/pages/settings/preferences-backups.stories.ts index 2be2ec4910..4241696892 100644 --- a/packages/frontend/src/pages/settings/preferences-backups.stories.ts +++ b/packages/frontend/src/pages/settings/preferences-backups.stories.ts @@ -7,13 +7,24 @@ const meta = { component: preferences_backups, } satisfies Meta<typeof preferences_backups>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { preferences_backups, }, - props: Object.keys(argTypes), - template: '<preferences_backups v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<preferences_backups v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/privacy.stories.ts b/packages/frontend/src/pages/settings/privacy.stories.ts index 93f712be4f..74e2d42442 100644 --- a/packages/frontend/src/pages/settings/privacy.stories.ts +++ b/packages/frontend/src/pages/settings/privacy.stories.ts @@ -7,13 +7,24 @@ const meta = { component: privacy_, } satisfies Meta<typeof privacy_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { privacy_, }, - props: Object.keys(argTypes), - template: '<privacy_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<privacy_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/profile.stories.ts b/packages/frontend/src/pages/settings/profile.stories.ts index 5558416788..30437a471f 100644 --- a/packages/frontend/src/pages/settings/profile.stories.ts +++ b/packages/frontend/src/pages/settings/profile.stories.ts @@ -7,13 +7,24 @@ const meta = { component: profile_, } satisfies Meta<typeof profile_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { profile_, }, - props: Object.keys(argTypes), - template: '<profile_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<profile_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/reaction.stories.ts b/packages/frontend/src/pages/settings/reaction.stories.ts index 82b0875c14..c2fd4d5658 100644 --- a/packages/frontend/src/pages/settings/reaction.stories.ts +++ b/packages/frontend/src/pages/settings/reaction.stories.ts @@ -7,13 +7,24 @@ const meta = { component: reaction_, } satisfies Meta<typeof reaction_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { reaction_, }, - props: Object.keys(argTypes), - template: '<reaction_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<reaction_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/roles.stories.ts b/packages/frontend/src/pages/settings/roles.stories.ts index e894a75798..2a8552e7c2 100644 --- a/packages/frontend/src/pages/settings/roles.stories.ts +++ b/packages/frontend/src/pages/settings/roles.stories.ts @@ -7,13 +7,24 @@ const meta = { component: roles_, } satisfies Meta<typeof roles_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { roles_, }, - props: Object.keys(argTypes), - template: '<roles_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<roles_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/security.stories.ts b/packages/frontend/src/pages/settings/security.stories.ts index 99cc608f99..0efc526bf6 100644 --- a/packages/frontend/src/pages/settings/security.stories.ts +++ b/packages/frontend/src/pages/settings/security.stories.ts @@ -7,13 +7,24 @@ const meta = { component: security_, } satisfies Meta<typeof security_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { security_, }, - props: Object.keys(argTypes), - template: '<security_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<security_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/sounds.sound.stories.ts b/packages/frontend/src/pages/settings/sounds.sound.stories.ts index d25d2821ef..b961fca8cd 100644 --- a/packages/frontend/src/pages/settings/sounds.sound.stories.ts +++ b/packages/frontend/src/pages/settings/sounds.sound.stories.ts @@ -7,13 +7,24 @@ const meta = { component: sounds_sound, } satisfies Meta<typeof sounds_sound>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { sounds_sound, }, - props: Object.keys(argTypes), - template: '<sounds_sound v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<sounds_sound v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/sounds.stories.ts b/packages/frontend/src/pages/settings/sounds.stories.ts index 19bab607f8..b830240d7f 100644 --- a/packages/frontend/src/pages/settings/sounds.stories.ts +++ b/packages/frontend/src/pages/settings/sounds.stories.ts @@ -7,13 +7,24 @@ const meta = { component: sounds_, } satisfies Meta<typeof sounds_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { sounds_, }, - props: Object.keys(argTypes), - template: '<sounds_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<sounds_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/statusbar.statusbar.stories.ts b/packages/frontend/src/pages/settings/statusbar.statusbar.stories.ts index 6a8e48ef74..910d3604ac 100644 --- a/packages/frontend/src/pages/settings/statusbar.statusbar.stories.ts +++ b/packages/frontend/src/pages/settings/statusbar.statusbar.stories.ts @@ -7,13 +7,24 @@ const meta = { component: statusbar_statusbar, } satisfies Meta<typeof statusbar_statusbar>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { statusbar_statusbar, }, - props: Object.keys(argTypes), - template: '<statusbar_statusbar v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<statusbar_statusbar v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/statusbar.stories.ts b/packages/frontend/src/pages/settings/statusbar.stories.ts index 37c31a34c1..832ad9b125 100644 --- a/packages/frontend/src/pages/settings/statusbar.stories.ts +++ b/packages/frontend/src/pages/settings/statusbar.stories.ts @@ -7,13 +7,24 @@ const meta = { component: statusbar_, } satisfies Meta<typeof statusbar_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { statusbar_, }, - props: Object.keys(argTypes), - template: '<statusbar_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<statusbar_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/theme.install.stories.ts b/packages/frontend/src/pages/settings/theme.install.stories.ts index 5ef535cca2..04de316fb2 100644 --- a/packages/frontend/src/pages/settings/theme.install.stories.ts +++ b/packages/frontend/src/pages/settings/theme.install.stories.ts @@ -7,13 +7,24 @@ const meta = { component: theme_install, } satisfies Meta<typeof theme_install>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { theme_install, }, - props: Object.keys(argTypes), - template: '<theme_install v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<theme_install v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/theme.manage.stories.ts b/packages/frontend/src/pages/settings/theme.manage.stories.ts index c1dff7467d..3ce793e048 100644 --- a/packages/frontend/src/pages/settings/theme.manage.stories.ts +++ b/packages/frontend/src/pages/settings/theme.manage.stories.ts @@ -7,13 +7,24 @@ const meta = { component: theme_manage, } satisfies Meta<typeof theme_manage>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { theme_manage, }, - props: Object.keys(argTypes), - template: '<theme_manage v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<theme_manage v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/theme.stories.ts b/packages/frontend/src/pages/settings/theme.stories.ts index e746a2e119..cb1dcbb9c5 100644 --- a/packages/frontend/src/pages/settings/theme.stories.ts +++ b/packages/frontend/src/pages/settings/theme.stories.ts @@ -7,13 +7,24 @@ const meta = { component: theme_, } satisfies Meta<typeof theme_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { theme_, }, - props: Object.keys(argTypes), - template: '<theme_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<theme_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/webhook.edit.stories.ts b/packages/frontend/src/pages/settings/webhook.edit.stories.ts index e3eaaef35f..e2b93b6fb9 100644 --- a/packages/frontend/src/pages/settings/webhook.edit.stories.ts +++ b/packages/frontend/src/pages/settings/webhook.edit.stories.ts @@ -7,13 +7,24 @@ const meta = { component: webhook_edit, } satisfies Meta<typeof webhook_edit>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { webhook_edit, }, - props: Object.keys(argTypes), - template: '<webhook_edit v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<webhook_edit v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/webhook.new.stories.ts b/packages/frontend/src/pages/settings/webhook.new.stories.ts index 505e854cd8..ab9ad257e2 100644 --- a/packages/frontend/src/pages/settings/webhook.new.stories.ts +++ b/packages/frontend/src/pages/settings/webhook.new.stories.ts @@ -7,13 +7,24 @@ const meta = { component: webhook_new, } satisfies Meta<typeof webhook_new>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { webhook_new, }, - props: Object.keys(argTypes), - template: '<webhook_new v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<webhook_new v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/webhook.stories.ts b/packages/frontend/src/pages/settings/webhook.stories.ts index 80176507bc..716501ea8d 100644 --- a/packages/frontend/src/pages/settings/webhook.stories.ts +++ b/packages/frontend/src/pages/settings/webhook.stories.ts @@ -7,13 +7,24 @@ const meta = { component: webhook_, } satisfies Meta<typeof webhook_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { webhook_, }, - props: Object.keys(argTypes), - template: '<webhook_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<webhook_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/settings/word-mute.stories.ts b/packages/frontend/src/pages/settings/word-mute.stories.ts index 7fe90196d8..24c2f54c7d 100644 --- a/packages/frontend/src/pages/settings/word-mute.stories.ts +++ b/packages/frontend/src/pages/settings/word-mute.stories.ts @@ -7,13 +7,24 @@ const meta = { component: word_mute, } satisfies Meta<typeof word_mute>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { word_mute, }, - props: Object.keys(argTypes), - template: '<word_mute v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<word_mute v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/share.stories.ts b/packages/frontend/src/pages/share.stories.ts index e847f63e72..c6c21e5535 100644 --- a/packages/frontend/src/pages/share.stories.ts +++ b/packages/frontend/src/pages/share.stories.ts @@ -7,13 +7,24 @@ const meta = { component: share_, } satisfies Meta<typeof share_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { share_, }, - props: Object.keys(argTypes), - template: '<share_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<share_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/signup-complete.stories.ts b/packages/frontend/src/pages/signup-complete.stories.ts index 2ada59a214..6b566c763f 100644 --- a/packages/frontend/src/pages/signup-complete.stories.ts +++ b/packages/frontend/src/pages/signup-complete.stories.ts @@ -7,13 +7,24 @@ const meta = { component: signup_complete, } satisfies Meta<typeof signup_complete>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { signup_complete, }, - props: Object.keys(argTypes), - template: '<signup_complete v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<signup_complete v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/tag.stories.ts b/packages/frontend/src/pages/tag.stories.ts index 513f4c7472..93433f432c 100644 --- a/packages/frontend/src/pages/tag.stories.ts +++ b/packages/frontend/src/pages/tag.stories.ts @@ -7,13 +7,24 @@ const meta = { component: tag_, } satisfies Meta<typeof tag_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { tag_, }, - props: Object.keys(argTypes), - template: '<tag_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<tag_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/theme-editor.stories.ts b/packages/frontend/src/pages/theme-editor.stories.ts index 57ea65094d..fd7dc6bebf 100644 --- a/packages/frontend/src/pages/theme-editor.stories.ts +++ b/packages/frontend/src/pages/theme-editor.stories.ts @@ -7,13 +7,24 @@ const meta = { component: theme_editor, } satisfies Meta<typeof theme_editor>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { theme_editor, }, - props: Object.keys(argTypes), - template: '<theme_editor v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<theme_editor v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/timeline.stories.ts b/packages/frontend/src/pages/timeline.stories.ts index b222fe0295..71a38756ed 100644 --- a/packages/frontend/src/pages/timeline.stories.ts +++ b/packages/frontend/src/pages/timeline.stories.ts @@ -7,13 +7,24 @@ const meta = { component: timeline_, } satisfies Meta<typeof timeline_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { timeline_, }, - props: Object.keys(argTypes), - template: '<timeline_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<timeline_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/timeline.tutorial.stories.ts b/packages/frontend/src/pages/timeline.tutorial.stories.ts index cdbe3c3a51..d53d776fce 100644 --- a/packages/frontend/src/pages/timeline.tutorial.stories.ts +++ b/packages/frontend/src/pages/timeline.tutorial.stories.ts @@ -7,13 +7,24 @@ const meta = { component: timeline_tutorial, } satisfies Meta<typeof timeline_tutorial>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { timeline_tutorial, }, - props: Object.keys(argTypes), - template: '<timeline_tutorial v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<timeline_tutorial v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/user-info.stories.ts b/packages/frontend/src/pages/user-info.stories.ts index 5960355e6e..c5eb34263d 100644 --- a/packages/frontend/src/pages/user-info.stories.ts +++ b/packages/frontend/src/pages/user-info.stories.ts @@ -7,13 +7,24 @@ const meta = { component: user_info, } satisfies Meta<typeof user_info>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { user_info, }, - props: Object.keys(argTypes), - template: '<user_info v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<user_info v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/user-list-timeline.stories.ts b/packages/frontend/src/pages/user-list-timeline.stories.ts index 2fb33fdc47..bf3cd9f74b 100644 --- a/packages/frontend/src/pages/user-list-timeline.stories.ts +++ b/packages/frontend/src/pages/user-list-timeline.stories.ts @@ -7,13 +7,24 @@ const meta = { component: user_list_timeline, } satisfies Meta<typeof user_list_timeline>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { user_list_timeline, }, - props: Object.keys(argTypes), - template: '<user_list_timeline v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<user_list_timeline v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/user-tag.stories.ts b/packages/frontend/src/pages/user-tag.stories.ts index 0911f79c3d..5218d646f1 100644 --- a/packages/frontend/src/pages/user-tag.stories.ts +++ b/packages/frontend/src/pages/user-tag.stories.ts @@ -7,13 +7,24 @@ const meta = { component: user_tag, } satisfies Meta<typeof user_tag>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { user_tag, }, - props: Object.keys(argTypes), - template: '<user_tag v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<user_tag v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/user/achievements.stories.ts b/packages/frontend/src/pages/user/achievements.stories.ts index 781149d823..ee2010c26e 100644 --- a/packages/frontend/src/pages/user/achievements.stories.ts +++ b/packages/frontend/src/pages/user/achievements.stories.ts @@ -7,13 +7,24 @@ const meta = { component: achievements_, } satisfies Meta<typeof achievements_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { achievements_, }, - props: Object.keys(argTypes), - template: '<achievements_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<achievements_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/user/activity.following.stories.ts b/packages/frontend/src/pages/user/activity.following.stories.ts index e95f2d4efb..6820454561 100644 --- a/packages/frontend/src/pages/user/activity.following.stories.ts +++ b/packages/frontend/src/pages/user/activity.following.stories.ts @@ -7,13 +7,24 @@ const meta = { component: activity_following, } satisfies Meta<typeof activity_following>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { activity_following, }, - props: Object.keys(argTypes), - template: '<activity_following v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<activity_following v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/user/activity.heatmap.stories.ts b/packages/frontend/src/pages/user/activity.heatmap.stories.ts index 94aee455b0..3afec1a492 100644 --- a/packages/frontend/src/pages/user/activity.heatmap.stories.ts +++ b/packages/frontend/src/pages/user/activity.heatmap.stories.ts @@ -7,13 +7,24 @@ const meta = { component: activity_heatmap, } satisfies Meta<typeof activity_heatmap>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { activity_heatmap, }, - props: Object.keys(argTypes), - template: '<activity_heatmap v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<activity_heatmap v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/user/activity.notes.stories.ts b/packages/frontend/src/pages/user/activity.notes.stories.ts index 107164cb85..8ca58e3feb 100644 --- a/packages/frontend/src/pages/user/activity.notes.stories.ts +++ b/packages/frontend/src/pages/user/activity.notes.stories.ts @@ -7,13 +7,24 @@ const meta = { component: activity_notes, } satisfies Meta<typeof activity_notes>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { activity_notes, }, - props: Object.keys(argTypes), - template: '<activity_notes v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<activity_notes v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/user/activity.pv.stories.ts b/packages/frontend/src/pages/user/activity.pv.stories.ts index 44359d8db4..543bacc11f 100644 --- a/packages/frontend/src/pages/user/activity.pv.stories.ts +++ b/packages/frontend/src/pages/user/activity.pv.stories.ts @@ -7,13 +7,24 @@ const meta = { component: activity_pv, } satisfies Meta<typeof activity_pv>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { activity_pv, }, - props: Object.keys(argTypes), - template: '<activity_pv v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<activity_pv v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/user/activity.stories.ts b/packages/frontend/src/pages/user/activity.stories.ts index 72f3a3083b..3ff888faee 100644 --- a/packages/frontend/src/pages/user/activity.stories.ts +++ b/packages/frontend/src/pages/user/activity.stories.ts @@ -7,13 +7,24 @@ const meta = { component: activity_, } satisfies Meta<typeof activity_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { activity_, }, - props: Object.keys(argTypes), - template: '<activity_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<activity_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/user/clips.stories.ts b/packages/frontend/src/pages/user/clips.stories.ts index dbfef536cb..4e3d683af8 100644 --- a/packages/frontend/src/pages/user/clips.stories.ts +++ b/packages/frontend/src/pages/user/clips.stories.ts @@ -7,13 +7,24 @@ const meta = { component: clips_, } satisfies Meta<typeof clips_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { clips_, }, - props: Object.keys(argTypes), - template: '<clips_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<clips_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/user/follow-list.stories.ts b/packages/frontend/src/pages/user/follow-list.stories.ts index 27d148a5d0..11edbc8c5a 100644 --- a/packages/frontend/src/pages/user/follow-list.stories.ts +++ b/packages/frontend/src/pages/user/follow-list.stories.ts @@ -7,13 +7,24 @@ const meta = { component: follow_list, } satisfies Meta<typeof follow_list>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { follow_list, }, - props: Object.keys(argTypes), - template: '<follow_list v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<follow_list v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/user/followers.stories.ts b/packages/frontend/src/pages/user/followers.stories.ts index 7dea60770b..ac518d465c 100644 --- a/packages/frontend/src/pages/user/followers.stories.ts +++ b/packages/frontend/src/pages/user/followers.stories.ts @@ -7,13 +7,24 @@ const meta = { component: followers_, } satisfies Meta<typeof followers_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { followers_, }, - props: Object.keys(argTypes), - template: '<followers_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<followers_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/user/following.stories.ts b/packages/frontend/src/pages/user/following.stories.ts index c9a7c90d1c..005475242e 100644 --- a/packages/frontend/src/pages/user/following.stories.ts +++ b/packages/frontend/src/pages/user/following.stories.ts @@ -7,13 +7,24 @@ const meta = { component: following_, } satisfies Meta<typeof following_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { following_, }, - props: Object.keys(argTypes), - template: '<following_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<following_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/user/gallery.stories.ts b/packages/frontend/src/pages/user/gallery.stories.ts index 80b96e1ae7..5d14e5a569 100644 --- a/packages/frontend/src/pages/user/gallery.stories.ts +++ b/packages/frontend/src/pages/user/gallery.stories.ts @@ -7,13 +7,24 @@ const meta = { component: gallery_, } satisfies Meta<typeof gallery_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { gallery_, }, - props: Object.keys(argTypes), - template: '<gallery_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<gallery_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/user/home.stories.ts b/packages/frontend/src/pages/user/home.stories.ts index d218681972..7225dcd450 100644 --- a/packages/frontend/src/pages/user/home.stories.ts +++ b/packages/frontend/src/pages/user/home.stories.ts @@ -7,13 +7,24 @@ const meta = { component: home_, } satisfies Meta<typeof home_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { home_, }, - props: Object.keys(argTypes), - template: '<home_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<home_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/user/index.activity.stories.ts b/packages/frontend/src/pages/user/index.activity.stories.ts index d3b61fd052..475c33f09f 100644 --- a/packages/frontend/src/pages/user/index.activity.stories.ts +++ b/packages/frontend/src/pages/user/index.activity.stories.ts @@ -7,13 +7,24 @@ const meta = { component: index_activity, } satisfies Meta<typeof index_activity>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { index_activity, }, - props: Object.keys(argTypes), - template: '<index_activity v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<index_activity v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/user/index.photos.stories.ts b/packages/frontend/src/pages/user/index.photos.stories.ts index ae0243a631..05c92dbd6d 100644 --- a/packages/frontend/src/pages/user/index.photos.stories.ts +++ b/packages/frontend/src/pages/user/index.photos.stories.ts @@ -7,13 +7,24 @@ const meta = { component: index_photos, } satisfies Meta<typeof index_photos>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { index_photos, }, - props: Object.keys(argTypes), - template: '<index_photos v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<index_photos v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/user/index.stories.ts b/packages/frontend/src/pages/user/index.stories.ts index 333acffe8c..a699c0b644 100644 --- a/packages/frontend/src/pages/user/index.stories.ts +++ b/packages/frontend/src/pages/user/index.stories.ts @@ -7,13 +7,24 @@ const meta = { component: index_, } satisfies Meta<typeof index_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { index_, }, - props: Object.keys(argTypes), - template: '<index_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<index_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/user/index.timeline.stories.ts b/packages/frontend/src/pages/user/index.timeline.stories.ts index dc256ff791..c44e5c77e0 100644 --- a/packages/frontend/src/pages/user/index.timeline.stories.ts +++ b/packages/frontend/src/pages/user/index.timeline.stories.ts @@ -7,13 +7,24 @@ const meta = { component: index_timeline, } satisfies Meta<typeof index_timeline>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { index_timeline, }, - props: Object.keys(argTypes), - template: '<index_timeline v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<index_timeline v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/user/pages.stories.ts b/packages/frontend/src/pages/user/pages.stories.ts index 3bab825853..fd4ecbd885 100644 --- a/packages/frontend/src/pages/user/pages.stories.ts +++ b/packages/frontend/src/pages/user/pages.stories.ts @@ -7,13 +7,24 @@ const meta = { component: pages_, } satisfies Meta<typeof pages_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { pages_, }, - props: Object.keys(argTypes), - template: '<pages_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<pages_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/user/reactions.stories.ts b/packages/frontend/src/pages/user/reactions.stories.ts index 0fe75027bf..1859f89fd3 100644 --- a/packages/frontend/src/pages/user/reactions.stories.ts +++ b/packages/frontend/src/pages/user/reactions.stories.ts @@ -7,13 +7,24 @@ const meta = { component: reactions_, } satisfies Meta<typeof reactions_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { reactions_, }, - props: Object.keys(argTypes), - template: '<reactions_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<reactions_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/welcome.entrance.a.stories.ts b/packages/frontend/src/pages/welcome.entrance.a.stories.ts index ff9f11c1b4..54298e9715 100644 --- a/packages/frontend/src/pages/welcome.entrance.a.stories.ts +++ b/packages/frontend/src/pages/welcome.entrance.a.stories.ts @@ -7,13 +7,24 @@ const meta = { component: welcome_entrance_a, } satisfies Meta<typeof welcome_entrance_a>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { welcome_entrance_a, }, - props: Object.keys(argTypes), - template: '<welcome_entrance_a v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<welcome_entrance_a v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/welcome.entrance.b.stories.ts b/packages/frontend/src/pages/welcome.entrance.b.stories.ts index 1a19c94480..292d32003f 100644 --- a/packages/frontend/src/pages/welcome.entrance.b.stories.ts +++ b/packages/frontend/src/pages/welcome.entrance.b.stories.ts @@ -7,13 +7,24 @@ const meta = { component: welcome_entrance_b, } satisfies Meta<typeof welcome_entrance_b>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { welcome_entrance_b, }, - props: Object.keys(argTypes), - template: '<welcome_entrance_b v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<welcome_entrance_b v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/welcome.entrance.c.stories.ts b/packages/frontend/src/pages/welcome.entrance.c.stories.ts index 0f4b3c6dde..cc99ce2be2 100644 --- a/packages/frontend/src/pages/welcome.entrance.c.stories.ts +++ b/packages/frontend/src/pages/welcome.entrance.c.stories.ts @@ -7,13 +7,24 @@ const meta = { component: welcome_entrance_c, } satisfies Meta<typeof welcome_entrance_c>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { welcome_entrance_c, }, - props: Object.keys(argTypes), - template: '<welcome_entrance_c v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<welcome_entrance_c v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/welcome.setup.stories.ts b/packages/frontend/src/pages/welcome.setup.stories.ts index 02ba28a65f..f3ebda8fbf 100644 --- a/packages/frontend/src/pages/welcome.setup.stories.ts +++ b/packages/frontend/src/pages/welcome.setup.stories.ts @@ -7,13 +7,24 @@ const meta = { component: welcome_setup, } satisfies Meta<typeof welcome_setup>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { welcome_setup, }, - props: Object.keys(argTypes), - template: '<welcome_setup v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<welcome_setup v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/welcome.stories.ts b/packages/frontend/src/pages/welcome.stories.ts index 410a460318..afc0f9c57b 100644 --- a/packages/frontend/src/pages/welcome.stories.ts +++ b/packages/frontend/src/pages/welcome.stories.ts @@ -7,13 +7,24 @@ const meta = { component: welcome_, } satisfies Meta<typeof welcome_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { welcome_, }, - props: Object.keys(argTypes), - template: '<welcome_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<welcome_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/pages/welcome.timeline.stories.ts b/packages/frontend/src/pages/welcome.timeline.stories.ts index 06e1849d86..31074ab6ef 100644 --- a/packages/frontend/src/pages/welcome.timeline.stories.ts +++ b/packages/frontend/src/pages/welcome.timeline.stories.ts @@ -7,13 +7,24 @@ const meta = { component: welcome_timeline, } satisfies Meta<typeof welcome_timeline>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { welcome_timeline, }, - props: Object.keys(argTypes), - template: '<welcome_timeline v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<welcome_timeline v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/_common_/common.stories.ts b/packages/frontend/src/ui/_common_/common.stories.ts index ba8f5f6a2b..8a43ccfc52 100644 --- a/packages/frontend/src/ui/_common_/common.stories.ts +++ b/packages/frontend/src/ui/_common_/common.stories.ts @@ -7,13 +7,24 @@ const meta = { component: common_, } satisfies Meta<typeof common_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { common_, }, - props: Object.keys(argTypes), - template: '<common_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<common_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/_common_/navbar-for-mobile.stories.ts b/packages/frontend/src/ui/_common_/navbar-for-mobile.stories.ts index c2c66fcf29..de450478bb 100644 --- a/packages/frontend/src/ui/_common_/navbar-for-mobile.stories.ts +++ b/packages/frontend/src/ui/_common_/navbar-for-mobile.stories.ts @@ -7,13 +7,24 @@ const meta = { component: navbar_for_mobile, } satisfies Meta<typeof navbar_for_mobile>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { navbar_for_mobile, }, - props: Object.keys(argTypes), - template: '<navbar_for_mobile v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<navbar_for_mobile v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/_common_/navbar.stories.ts b/packages/frontend/src/ui/_common_/navbar.stories.ts index be7162a141..f951fff19e 100644 --- a/packages/frontend/src/ui/_common_/navbar.stories.ts +++ b/packages/frontend/src/ui/_common_/navbar.stories.ts @@ -7,13 +7,24 @@ const meta = { component: navbar_, } satisfies Meta<typeof navbar_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { navbar_, }, - props: Object.keys(argTypes), - template: '<navbar_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<navbar_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/_common_/notification.stories.ts b/packages/frontend/src/ui/_common_/notification.stories.ts index e92fbdccb5..52c83dac23 100644 --- a/packages/frontend/src/ui/_common_/notification.stories.ts +++ b/packages/frontend/src/ui/_common_/notification.stories.ts @@ -7,13 +7,24 @@ const meta = { component: notification_, } satisfies Meta<typeof notification_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { notification_, }, - props: Object.keys(argTypes), - template: '<notification_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<notification_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/_common_/statusbar-federation.stories.ts b/packages/frontend/src/ui/_common_/statusbar-federation.stories.ts index 2ed6d95db6..8330dce702 100644 --- a/packages/frontend/src/ui/_common_/statusbar-federation.stories.ts +++ b/packages/frontend/src/ui/_common_/statusbar-federation.stories.ts @@ -7,13 +7,24 @@ const meta = { component: statusbar_federation, } satisfies Meta<typeof statusbar_federation>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { statusbar_federation, }, - props: Object.keys(argTypes), - template: '<statusbar_federation v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<statusbar_federation v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/_common_/statusbar-rss.stories.ts b/packages/frontend/src/ui/_common_/statusbar-rss.stories.ts index abec5c48ac..6cd6056a21 100644 --- a/packages/frontend/src/ui/_common_/statusbar-rss.stories.ts +++ b/packages/frontend/src/ui/_common_/statusbar-rss.stories.ts @@ -7,13 +7,24 @@ const meta = { component: statusbar_rss, } satisfies Meta<typeof statusbar_rss>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { statusbar_rss, }, - props: Object.keys(argTypes), - template: '<statusbar_rss v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<statusbar_rss v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/_common_/statusbar-user-list.stories.ts b/packages/frontend/src/ui/_common_/statusbar-user-list.stories.ts index 648a42ef9c..b44a974a8d 100644 --- a/packages/frontend/src/ui/_common_/statusbar-user-list.stories.ts +++ b/packages/frontend/src/ui/_common_/statusbar-user-list.stories.ts @@ -7,13 +7,24 @@ const meta = { component: statusbar_user_list, } satisfies Meta<typeof statusbar_user_list>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { statusbar_user_list, }, - props: Object.keys(argTypes), - template: '<statusbar_user_list v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<statusbar_user_list v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/_common_/statusbars.stories.ts b/packages/frontend/src/ui/_common_/statusbars.stories.ts index c5c4b07860..ca8930e6a6 100644 --- a/packages/frontend/src/ui/_common_/statusbars.stories.ts +++ b/packages/frontend/src/ui/_common_/statusbars.stories.ts @@ -7,13 +7,24 @@ const meta = { component: statusbars_, } satisfies Meta<typeof statusbars_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { statusbars_, }, - props: Object.keys(argTypes), - template: '<statusbars_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<statusbars_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/_common_/stream-indicator.stories.ts b/packages/frontend/src/ui/_common_/stream-indicator.stories.ts index 5c16d68e0e..13fc51987e 100644 --- a/packages/frontend/src/ui/_common_/stream-indicator.stories.ts +++ b/packages/frontend/src/ui/_common_/stream-indicator.stories.ts @@ -7,13 +7,24 @@ const meta = { component: stream_indicator, } satisfies Meta<typeof stream_indicator>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { stream_indicator, }, - props: Object.keys(argTypes), - template: '<stream_indicator v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<stream_indicator v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/_common_/upload.stories.ts b/packages/frontend/src/ui/_common_/upload.stories.ts index 98856c5ee7..2083ae2e4d 100644 --- a/packages/frontend/src/ui/_common_/upload.stories.ts +++ b/packages/frontend/src/ui/_common_/upload.stories.ts @@ -7,13 +7,24 @@ const meta = { component: upload_, } satisfies Meta<typeof upload_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { upload_, }, - props: Object.keys(argTypes), - template: '<upload_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<upload_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/classic.header.stories.ts b/packages/frontend/src/ui/classic.header.stories.ts index 01d87195d9..8c868699fe 100644 --- a/packages/frontend/src/ui/classic.header.stories.ts +++ b/packages/frontend/src/ui/classic.header.stories.ts @@ -7,13 +7,24 @@ const meta = { component: classic_header, } satisfies Meta<typeof classic_header>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { classic_header, }, - props: Object.keys(argTypes), - template: '<classic_header v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<classic_header v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/classic.sidebar.stories.ts b/packages/frontend/src/ui/classic.sidebar.stories.ts index 53fd612f10..f2a0192f8c 100644 --- a/packages/frontend/src/ui/classic.sidebar.stories.ts +++ b/packages/frontend/src/ui/classic.sidebar.stories.ts @@ -7,13 +7,24 @@ const meta = { component: classic_sidebar, } satisfies Meta<typeof classic_sidebar>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { classic_sidebar, }, - props: Object.keys(argTypes), - template: '<classic_sidebar v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<classic_sidebar v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/classic.stories.ts b/packages/frontend/src/ui/classic.stories.ts index 1311d4a6fb..2502b0327b 100644 --- a/packages/frontend/src/ui/classic.stories.ts +++ b/packages/frontend/src/ui/classic.stories.ts @@ -7,13 +7,24 @@ const meta = { component: classic_, } satisfies Meta<typeof classic_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { classic_, }, - props: Object.keys(argTypes), - template: '<classic_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<classic_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/deck.stories.ts b/packages/frontend/src/ui/deck.stories.ts index 5aefba84e8..7c96891c5d 100644 --- a/packages/frontend/src/ui/deck.stories.ts +++ b/packages/frontend/src/ui/deck.stories.ts @@ -7,13 +7,24 @@ const meta = { component: deck_, } satisfies Meta<typeof deck_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { deck_, }, - props: Object.keys(argTypes), - template: '<deck_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<deck_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/deck/antenna-column.stories.ts b/packages/frontend/src/ui/deck/antenna-column.stories.ts index ebef884ca8..83ac00b568 100644 --- a/packages/frontend/src/ui/deck/antenna-column.stories.ts +++ b/packages/frontend/src/ui/deck/antenna-column.stories.ts @@ -7,13 +7,24 @@ const meta = { component: antenna_column, } satisfies Meta<typeof antenna_column>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { antenna_column, }, - props: Object.keys(argTypes), - template: '<antenna_column v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<antenna_column v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/deck/channel-column.stories.ts b/packages/frontend/src/ui/deck/channel-column.stories.ts index b442e1343d..5a44bbc9e5 100644 --- a/packages/frontend/src/ui/deck/channel-column.stories.ts +++ b/packages/frontend/src/ui/deck/channel-column.stories.ts @@ -7,13 +7,24 @@ const meta = { component: channel_column, } satisfies Meta<typeof channel_column>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { channel_column, }, - props: Object.keys(argTypes), - template: '<channel_column v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<channel_column v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/deck/column-core.stories.ts b/packages/frontend/src/ui/deck/column-core.stories.ts index 946d2f6b2d..dd38e0513a 100644 --- a/packages/frontend/src/ui/deck/column-core.stories.ts +++ b/packages/frontend/src/ui/deck/column-core.stories.ts @@ -7,13 +7,24 @@ const meta = { component: column_core, } satisfies Meta<typeof column_core>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { column_core, }, - props: Object.keys(argTypes), - template: '<column_core v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<column_core v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/deck/column.stories.ts b/packages/frontend/src/ui/deck/column.stories.ts index fa406a4465..3c471401e6 100644 --- a/packages/frontend/src/ui/deck/column.stories.ts +++ b/packages/frontend/src/ui/deck/column.stories.ts @@ -7,13 +7,24 @@ const meta = { component: column_, } satisfies Meta<typeof column_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { column_, }, - props: Object.keys(argTypes), - template: '<column_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<column_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/deck/direct-column.stories.ts b/packages/frontend/src/ui/deck/direct-column.stories.ts index 45a767d989..0636349a4f 100644 --- a/packages/frontend/src/ui/deck/direct-column.stories.ts +++ b/packages/frontend/src/ui/deck/direct-column.stories.ts @@ -7,13 +7,24 @@ const meta = { component: direct_column, } satisfies Meta<typeof direct_column>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { direct_column, }, - props: Object.keys(argTypes), - template: '<direct_column v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<direct_column v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/deck/list-column.stories.ts b/packages/frontend/src/ui/deck/list-column.stories.ts index 7c582f2e40..bd61e2eca9 100644 --- a/packages/frontend/src/ui/deck/list-column.stories.ts +++ b/packages/frontend/src/ui/deck/list-column.stories.ts @@ -7,13 +7,24 @@ const meta = { component: list_column, } satisfies Meta<typeof list_column>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { list_column, }, - props: Object.keys(argTypes), - template: '<list_column v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<list_column v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/deck/main-column.stories.ts b/packages/frontend/src/ui/deck/main-column.stories.ts index e78e472cd1..97dcb1aaaf 100644 --- a/packages/frontend/src/ui/deck/main-column.stories.ts +++ b/packages/frontend/src/ui/deck/main-column.stories.ts @@ -7,13 +7,24 @@ const meta = { component: main_column, } satisfies Meta<typeof main_column>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { main_column, }, - props: Object.keys(argTypes), - template: '<main_column v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<main_column v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/deck/mentions-column.stories.ts b/packages/frontend/src/ui/deck/mentions-column.stories.ts index d76f0dc0f0..5e97cd3676 100644 --- a/packages/frontend/src/ui/deck/mentions-column.stories.ts +++ b/packages/frontend/src/ui/deck/mentions-column.stories.ts @@ -7,13 +7,24 @@ const meta = { component: mentions_column, } satisfies Meta<typeof mentions_column>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { mentions_column, }, - props: Object.keys(argTypes), - template: '<mentions_column v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<mentions_column v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/deck/notifications-column.stories.ts b/packages/frontend/src/ui/deck/notifications-column.stories.ts index b97401f1e8..3dc9e30a7f 100644 --- a/packages/frontend/src/ui/deck/notifications-column.stories.ts +++ b/packages/frontend/src/ui/deck/notifications-column.stories.ts @@ -7,13 +7,24 @@ const meta = { component: notifications_column, } satisfies Meta<typeof notifications_column>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { notifications_column, }, - props: Object.keys(argTypes), - template: '<notifications_column v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<notifications_column v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/deck/tl-column.stories.ts b/packages/frontend/src/ui/deck/tl-column.stories.ts index 4f225c2d64..b548763c1f 100644 --- a/packages/frontend/src/ui/deck/tl-column.stories.ts +++ b/packages/frontend/src/ui/deck/tl-column.stories.ts @@ -7,13 +7,24 @@ const meta = { component: tl_column, } satisfies Meta<typeof tl_column>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { tl_column, }, - props: Object.keys(argTypes), - template: '<tl_column v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<tl_column v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/deck/widgets-column.stories.ts b/packages/frontend/src/ui/deck/widgets-column.stories.ts index 8f9dc0fb9a..ffeb3e71c1 100644 --- a/packages/frontend/src/ui/deck/widgets-column.stories.ts +++ b/packages/frontend/src/ui/deck/widgets-column.stories.ts @@ -7,13 +7,24 @@ const meta = { component: widgets_column, } satisfies Meta<typeof widgets_column>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { widgets_column, }, - props: Object.keys(argTypes), - template: '<widgets_column v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<widgets_column v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/universal.stories.ts b/packages/frontend/src/ui/universal.stories.ts index b5df41d152..447f408b7e 100644 --- a/packages/frontend/src/ui/universal.stories.ts +++ b/packages/frontend/src/ui/universal.stories.ts @@ -7,13 +7,24 @@ const meta = { component: universal_, } satisfies Meta<typeof universal_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { universal_, }, - props: Object.keys(argTypes), - template: '<universal_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<universal_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/universal.widgets.stories.ts b/packages/frontend/src/ui/universal.widgets.stories.ts index 0896d95505..6684bae399 100644 --- a/packages/frontend/src/ui/universal.widgets.stories.ts +++ b/packages/frontend/src/ui/universal.widgets.stories.ts @@ -7,13 +7,24 @@ const meta = { component: universal_widgets, } satisfies Meta<typeof universal_widgets>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { universal_widgets, }, - props: Object.keys(argTypes), - template: '<universal_widgets v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<universal_widgets v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/visitor.stories.ts b/packages/frontend/src/ui/visitor.stories.ts index 8525c0ab24..6f9e5dc56a 100644 --- a/packages/frontend/src/ui/visitor.stories.ts +++ b/packages/frontend/src/ui/visitor.stories.ts @@ -7,13 +7,24 @@ const meta = { component: visitor_, } satisfies Meta<typeof visitor_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { visitor_, }, - props: Object.keys(argTypes), - template: '<visitor_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<visitor_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/visitor/a.stories.ts b/packages/frontend/src/ui/visitor/a.stories.ts index 08b512b874..4d482e0419 100644 --- a/packages/frontend/src/ui/visitor/a.stories.ts +++ b/packages/frontend/src/ui/visitor/a.stories.ts @@ -7,13 +7,24 @@ const meta = { component: a_, } satisfies Meta<typeof a_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { a_, }, - props: Object.keys(argTypes), - template: '<a_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<a_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/visitor/b.stories.ts b/packages/frontend/src/ui/visitor/b.stories.ts index fc061974b1..11dbda5145 100644 --- a/packages/frontend/src/ui/visitor/b.stories.ts +++ b/packages/frontend/src/ui/visitor/b.stories.ts @@ -7,13 +7,24 @@ const meta = { component: b_, } satisfies Meta<typeof b_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { b_, }, - props: Object.keys(argTypes), - template: '<b_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<b_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/visitor/header.stories.ts b/packages/frontend/src/ui/visitor/header.stories.ts index 8081c6462d..be8e0e06cd 100644 --- a/packages/frontend/src/ui/visitor/header.stories.ts +++ b/packages/frontend/src/ui/visitor/header.stories.ts @@ -7,13 +7,24 @@ const meta = { component: header_, } satisfies Meta<typeof header_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { header_, }, - props: Object.keys(argTypes), - template: '<header_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<header_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/visitor/kanban.stories.ts b/packages/frontend/src/ui/visitor/kanban.stories.ts index 8496e82efe..bf06cc59a1 100644 --- a/packages/frontend/src/ui/visitor/kanban.stories.ts +++ b/packages/frontend/src/ui/visitor/kanban.stories.ts @@ -7,13 +7,24 @@ const meta = { component: kanban_, } satisfies Meta<typeof kanban_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { kanban_, }, - props: Object.keys(argTypes), - template: '<kanban_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<kanban_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/ui/zen.stories.ts b/packages/frontend/src/ui/zen.stories.ts index 9785c2144a..592b9137a6 100644 --- a/packages/frontend/src/ui/zen.stories.ts +++ b/packages/frontend/src/ui/zen.stories.ts @@ -7,13 +7,24 @@ const meta = { component: zen_, } satisfies Meta<typeof zen_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { zen_, }, - props: Object.keys(argTypes), - template: '<zen_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<zen_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts b/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts index d83b42bbbb..19727964a1 100644 --- a/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts +++ b/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetActivity_calendar, } satisfies Meta<typeof WidgetActivity_calendar>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetActivity_calendar, }, - props: Object.keys(argTypes), - template: '<WidgetActivity_calendar v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetActivity_calendar v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts b/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts index b9bd1feffe..98033392f8 100644 --- a/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts +++ b/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetActivity_chart, } satisfies Meta<typeof WidgetActivity_chart>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetActivity_chart, }, - props: Object.keys(argTypes), - template: '<WidgetActivity_chart v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetActivity_chart v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetActivity.stories.ts b/packages/frontend/src/widgets/WidgetActivity.stories.ts index 7570bfa5f0..e558de0c4b 100644 --- a/packages/frontend/src/widgets/WidgetActivity.stories.ts +++ b/packages/frontend/src/widgets/WidgetActivity.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetActivity, } satisfies Meta<typeof WidgetActivity>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetActivity, }, - props: Object.keys(argTypes), - template: '<WidgetActivity v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetActivity v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetAichan.stories.ts b/packages/frontend/src/widgets/WidgetAichan.stories.ts index c0b22bcebd..9cf38696fd 100644 --- a/packages/frontend/src/widgets/WidgetAichan.stories.ts +++ b/packages/frontend/src/widgets/WidgetAichan.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetAichan, } satisfies Meta<typeof WidgetAichan>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetAichan, }, - props: Object.keys(argTypes), - template: '<WidgetAichan v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetAichan v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetAiscript.stories.ts b/packages/frontend/src/widgets/WidgetAiscript.stories.ts index feab02ae0a..39f0183d28 100644 --- a/packages/frontend/src/widgets/WidgetAiscript.stories.ts +++ b/packages/frontend/src/widgets/WidgetAiscript.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetAiscript, } satisfies Meta<typeof WidgetAiscript>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetAiscript, }, - props: Object.keys(argTypes), - template: '<WidgetAiscript v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetAiscript v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts b/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts index 66ace4844c..669b17bc9c 100644 --- a/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts +++ b/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetAiscriptApp, } satisfies Meta<typeof WidgetAiscriptApp>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetAiscriptApp, }, - props: Object.keys(argTypes), - template: '<WidgetAiscriptApp v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetAiscriptApp v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetButton.stories.ts b/packages/frontend/src/widgets/WidgetButton.stories.ts index 31f077155e..936a044e5f 100644 --- a/packages/frontend/src/widgets/WidgetButton.stories.ts +++ b/packages/frontend/src/widgets/WidgetButton.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetButton, } satisfies Meta<typeof WidgetButton>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetButton, }, - props: Object.keys(argTypes), - template: '<WidgetButton v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetButton v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetCalendar.stories.ts b/packages/frontend/src/widgets/WidgetCalendar.stories.ts index 958e0b9489..85c6c0e59a 100644 --- a/packages/frontend/src/widgets/WidgetCalendar.stories.ts +++ b/packages/frontend/src/widgets/WidgetCalendar.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetCalendar, } satisfies Meta<typeof WidgetCalendar>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetCalendar, }, - props: Object.keys(argTypes), - template: '<WidgetCalendar v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetCalendar v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetClicker.stories.ts b/packages/frontend/src/widgets/WidgetClicker.stories.ts index c791c3471d..cb1dc54552 100644 --- a/packages/frontend/src/widgets/WidgetClicker.stories.ts +++ b/packages/frontend/src/widgets/WidgetClicker.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetClicker, } satisfies Meta<typeof WidgetClicker>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetClicker, }, - props: Object.keys(argTypes), - template: '<WidgetClicker v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetClicker v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetClock.stories.ts b/packages/frontend/src/widgets/WidgetClock.stories.ts index 3241fa9fef..cb56024ce9 100644 --- a/packages/frontend/src/widgets/WidgetClock.stories.ts +++ b/packages/frontend/src/widgets/WidgetClock.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetClock, } satisfies Meta<typeof WidgetClock>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetClock, }, - props: Object.keys(argTypes), - template: '<WidgetClock v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetClock v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts b/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts index 346022d277..34c18f069d 100644 --- a/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts +++ b/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetDigitalClock, } satisfies Meta<typeof WidgetDigitalClock>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetDigitalClock, }, - props: Object.keys(argTypes), - template: '<WidgetDigitalClock v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetDigitalClock v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetFederation.stories.ts b/packages/frontend/src/widgets/WidgetFederation.stories.ts index e28da43405..51de7d9a6b 100644 --- a/packages/frontend/src/widgets/WidgetFederation.stories.ts +++ b/packages/frontend/src/widgets/WidgetFederation.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetFederation, } satisfies Meta<typeof WidgetFederation>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetFederation, }, - props: Object.keys(argTypes), - template: '<WidgetFederation v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetFederation v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts b/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts index 1e3f33c5f4..ff924a5e5b 100644 --- a/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts +++ b/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetInstanceCloud, } satisfies Meta<typeof WidgetInstanceCloud>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetInstanceCloud, }, - props: Object.keys(argTypes), - template: '<WidgetInstanceCloud v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetInstanceCloud v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts b/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts index 8311f85044..d3efb78fdc 100644 --- a/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts +++ b/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetInstanceInfo, } satisfies Meta<typeof WidgetInstanceInfo>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetInstanceInfo, }, - props: Object.keys(argTypes), - template: '<WidgetInstanceInfo v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetInstanceInfo v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetJobQueue.stories.ts b/packages/frontend/src/widgets/WidgetJobQueue.stories.ts index 2ffe72ddc6..5f4a001cc9 100644 --- a/packages/frontend/src/widgets/WidgetJobQueue.stories.ts +++ b/packages/frontend/src/widgets/WidgetJobQueue.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetJobQueue, } satisfies Meta<typeof WidgetJobQueue>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetJobQueue, }, - props: Object.keys(argTypes), - template: '<WidgetJobQueue v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetJobQueue v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetMemo.stories.ts b/packages/frontend/src/widgets/WidgetMemo.stories.ts index 830cae5e49..6612257799 100644 --- a/packages/frontend/src/widgets/WidgetMemo.stories.ts +++ b/packages/frontend/src/widgets/WidgetMemo.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetMemo, } satisfies Meta<typeof WidgetMemo>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetMemo, }, - props: Object.keys(argTypes), - template: '<WidgetMemo v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetMemo v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetNotifications.stories.ts b/packages/frontend/src/widgets/WidgetNotifications.stories.ts index 9268308689..95cf917171 100644 --- a/packages/frontend/src/widgets/WidgetNotifications.stories.ts +++ b/packages/frontend/src/widgets/WidgetNotifications.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetNotifications, } satisfies Meta<typeof WidgetNotifications>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetNotifications, }, - props: Object.keys(argTypes), - template: '<WidgetNotifications v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetNotifications v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts b/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts index 5ba9d806c2..9c44e57e36 100644 --- a/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts +++ b/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetOnlineUsers, } satisfies Meta<typeof WidgetOnlineUsers>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetOnlineUsers, }, - props: Object.keys(argTypes), - template: '<WidgetOnlineUsers v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetOnlineUsers v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetPhotos.stories.ts b/packages/frontend/src/widgets/WidgetPhotos.stories.ts index 9925c229b3..b11ea1505e 100644 --- a/packages/frontend/src/widgets/WidgetPhotos.stories.ts +++ b/packages/frontend/src/widgets/WidgetPhotos.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetPhotos, } satisfies Meta<typeof WidgetPhotos>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetPhotos, }, - props: Object.keys(argTypes), - template: '<WidgetPhotos v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetPhotos v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetPostForm.stories.ts b/packages/frontend/src/widgets/WidgetPostForm.stories.ts index cc1c7e0fb9..88c00b08e4 100644 --- a/packages/frontend/src/widgets/WidgetPostForm.stories.ts +++ b/packages/frontend/src/widgets/WidgetPostForm.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetPostForm, } satisfies Meta<typeof WidgetPostForm>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetPostForm, }, - props: Object.keys(argTypes), - template: '<WidgetPostForm v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetPostForm v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetProfile.stories.ts b/packages/frontend/src/widgets/WidgetProfile.stories.ts index 49a3a24619..70413f210d 100644 --- a/packages/frontend/src/widgets/WidgetProfile.stories.ts +++ b/packages/frontend/src/widgets/WidgetProfile.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetProfile, } satisfies Meta<typeof WidgetProfile>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetProfile, }, - props: Object.keys(argTypes), - template: '<WidgetProfile v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetProfile v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetRss.stories.ts b/packages/frontend/src/widgets/WidgetRss.stories.ts index 3bc462f8c2..e50c22a6c0 100644 --- a/packages/frontend/src/widgets/WidgetRss.stories.ts +++ b/packages/frontend/src/widgets/WidgetRss.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetRss, } satisfies Meta<typeof WidgetRss>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetRss, }, - props: Object.keys(argTypes), - template: '<WidgetRss v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetRss v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetRssTicker.stories.ts b/packages/frontend/src/widgets/WidgetRssTicker.stories.ts index 3aeada0707..a10e504a45 100644 --- a/packages/frontend/src/widgets/WidgetRssTicker.stories.ts +++ b/packages/frontend/src/widgets/WidgetRssTicker.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetRssTicker, } satisfies Meta<typeof WidgetRssTicker>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetRssTicker, }, - props: Object.keys(argTypes), - template: '<WidgetRssTicker v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetRssTicker v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetSlideshow.stories.ts b/packages/frontend/src/widgets/WidgetSlideshow.stories.ts index 84b9978cc6..9bfd1241c7 100644 --- a/packages/frontend/src/widgets/WidgetSlideshow.stories.ts +++ b/packages/frontend/src/widgets/WidgetSlideshow.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetSlideshow, } satisfies Meta<typeof WidgetSlideshow>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetSlideshow, }, - props: Object.keys(argTypes), - template: '<WidgetSlideshow v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetSlideshow v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetTimeline.stories.ts b/packages/frontend/src/widgets/WidgetTimeline.stories.ts index 42a73ba949..7c472b0e0a 100644 --- a/packages/frontend/src/widgets/WidgetTimeline.stories.ts +++ b/packages/frontend/src/widgets/WidgetTimeline.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetTimeline, } satisfies Meta<typeof WidgetTimeline>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetTimeline, }, - props: Object.keys(argTypes), - template: '<WidgetTimeline v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetTimeline v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetTrends.stories.ts b/packages/frontend/src/widgets/WidgetTrends.stories.ts index 8aaa052fad..52ec504736 100644 --- a/packages/frontend/src/widgets/WidgetTrends.stories.ts +++ b/packages/frontend/src/widgets/WidgetTrends.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetTrends, } satisfies Meta<typeof WidgetTrends>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetTrends, }, - props: Object.keys(argTypes), - template: '<WidgetTrends v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetTrends v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetUnixClock.stories.ts b/packages/frontend/src/widgets/WidgetUnixClock.stories.ts index 3d7e48bad7..960392ea7c 100644 --- a/packages/frontend/src/widgets/WidgetUnixClock.stories.ts +++ b/packages/frontend/src/widgets/WidgetUnixClock.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetUnixClock, } satisfies Meta<typeof WidgetUnixClock>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetUnixClock, }, - props: Object.keys(argTypes), - template: '<WidgetUnixClock v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetUnixClock v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/WidgetUserList.stories.ts b/packages/frontend/src/widgets/WidgetUserList.stories.ts index c8317b9f5c..469992c3c4 100644 --- a/packages/frontend/src/widgets/WidgetUserList.stories.ts +++ b/packages/frontend/src/widgets/WidgetUserList.stories.ts @@ -7,13 +7,24 @@ const meta = { component: WidgetUserList, } satisfies Meta<typeof WidgetUserList>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { WidgetUserList, }, - props: Object.keys(argTypes), - template: '<WidgetUserList v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<WidgetUserList v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/server-metric/cpu-mem.stories.ts b/packages/frontend/src/widgets/server-metric/cpu-mem.stories.ts index 3ec656e0d5..2a71043409 100644 --- a/packages/frontend/src/widgets/server-metric/cpu-mem.stories.ts +++ b/packages/frontend/src/widgets/server-metric/cpu-mem.stories.ts @@ -7,13 +7,24 @@ const meta = { component: cpu_mem, } satisfies Meta<typeof cpu_mem>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { cpu_mem, }, - props: Object.keys(argTypes), - template: '<cpu_mem v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<cpu_mem v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/server-metric/cpu.stories.ts b/packages/frontend/src/widgets/server-metric/cpu.stories.ts index 26409892bb..6cd98615e7 100644 --- a/packages/frontend/src/widgets/server-metric/cpu.stories.ts +++ b/packages/frontend/src/widgets/server-metric/cpu.stories.ts @@ -7,13 +7,24 @@ const meta = { component: cpu_, } satisfies Meta<typeof cpu_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { cpu_, }, - props: Object.keys(argTypes), - template: '<cpu_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<cpu_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/server-metric/disk.stories.ts b/packages/frontend/src/widgets/server-metric/disk.stories.ts index 319628b3bb..8045a678a8 100644 --- a/packages/frontend/src/widgets/server-metric/disk.stories.ts +++ b/packages/frontend/src/widgets/server-metric/disk.stories.ts @@ -7,13 +7,24 @@ const meta = { component: disk_, } satisfies Meta<typeof disk_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { disk_, }, - props: Object.keys(argTypes), - template: '<disk_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<disk_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/server-metric/index.stories.ts b/packages/frontend/src/widgets/server-metric/index.stories.ts index 8fcfd051be..072ff25410 100644 --- a/packages/frontend/src/widgets/server-metric/index.stories.ts +++ b/packages/frontend/src/widgets/server-metric/index.stories.ts @@ -7,13 +7,24 @@ const meta = { component: index_, } satisfies Meta<typeof index_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { index_, }, - props: Object.keys(argTypes), - template: '<index_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<index_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/server-metric/mem.stories.ts b/packages/frontend/src/widgets/server-metric/mem.stories.ts index 75929aae44..14a4e77bed 100644 --- a/packages/frontend/src/widgets/server-metric/mem.stories.ts +++ b/packages/frontend/src/widgets/server-metric/mem.stories.ts @@ -7,13 +7,24 @@ const meta = { component: mem_, } satisfies Meta<typeof mem_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { mem_, }, - props: Object.keys(argTypes), - template: '<mem_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<mem_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/server-metric/net.stories.ts b/packages/frontend/src/widgets/server-metric/net.stories.ts index ab74ccdc0e..9a6f826b5b 100644 --- a/packages/frontend/src/widgets/server-metric/net.stories.ts +++ b/packages/frontend/src/widgets/server-metric/net.stories.ts @@ -7,13 +7,24 @@ const meta = { component: net_, } satisfies Meta<typeof net_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { net_, }, - props: Object.keys(argTypes), - template: '<net_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<net_ v-bind="props" />', }; }, parameters: { diff --git a/packages/frontend/src/widgets/server-metric/pie.stories.ts b/packages/frontend/src/widgets/server-metric/pie.stories.ts index 510d1be613..c49ba0f87d 100644 --- a/packages/frontend/src/widgets/server-metric/pie.stories.ts +++ b/packages/frontend/src/widgets/server-metric/pie.stories.ts @@ -7,13 +7,24 @@ const meta = { component: pie_, } satisfies Meta<typeof pie_>; export const Default = { - render(args, { argTypes }) { + render(args) { return { components: { pie_, }, - props: Object.keys(argTypes), - template: '<pie_ v-bind="$props" />', + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<pie_ v-bind="props" />', }; }, parameters: { |