diff options
| author | Acid Chicken (硫酸鶏) <root@acid-chicken.com> | 2023-04-01 13:45:31 +0900 |
|---|---|---|
| committer | Acid Chicken (硫酸鶏) <root@acid-chicken.com> | 2023-04-01 13:45:31 +0900 |
| commit | a47f4b89557f15d1ff394a0db853f9c778a3b25c (patch) | |
| tree | 287e4db8a144399ba6e4878f4058cee3633dbf21 /packages/frontend/src/components/global | |
| parent | build(#10336): hide internal args (diff) | |
| download | misskey-a47f4b89557f15d1ff394a0db853f9c778a3b25c.tar.gz misskey-a47f4b89557f15d1ff394a0db853f9c778a3b25c.tar.bz2 misskey-a47f4b89557f15d1ff394a0db853f9c778a3b25c.zip | |
build(#10336): generate `components/global` stories only
Diffstat (limited to 'packages/frontend/src/components/global')
4 files changed, 173 insertions, 6 deletions
diff --git a/packages/frontend/src/components/global/MkLoading.stories.impl.ts b/packages/frontend/src/components/global/MkLoading.stories.impl.ts new file mode 100644 index 0000000000..d1e1f33f0e --- /dev/null +++ b/packages/frontend/src/components/global/MkLoading.stories.impl.ts @@ -0,0 +1,58 @@ +/* eslint-disable @typescript-eslint/explicit-function-return-type */ +import { StoryObj } from '@storybook/vue3'; +import MkLoading from './MkLoading.vue'; +export const Default = { + render(args) { + return { + components: { + MkLoading, + }, + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkLoading v-bind="props" />', + }; + }, + args: { + }, + parameters: { + layout: 'centered', + }, +} satisfies StoryObj<typeof MkLoading>; +export const Inline = { + ...Default, + args: { + ...Default.args, + inline: true, + }, +}; +export const Colored = { + ...Default, + args: { + ...Default.args, + colored: true, + }, +}; +export const Mini = { + ...Default, + args: { + ...Default.args, + mini: true, + }, +}; +export const Em = { + ...Default, + args: { + ...Default.args, + em: true, + }, +}; diff --git a/packages/frontend/src/components/global/MkLoading.stories.ts b/packages/frontend/src/components/global/MkLoading.stories.ts index a83c41a0ea..dd58d30e7c 100644 --- a/packages/frontend/src/components/global/MkLoading.stories.ts +++ b/packages/frontend/src/components/global/MkLoading.stories.ts @@ -1,11 +1,14 @@ /* eslint-disable @typescript-eslint/explicit-function-return-type */ /* eslint-disable import/no-default-export */ -import { Meta, StoryObj } from '@storybook/vue3'; -import MkLoading from './MkLoading.vue'; +import { Meta } from '@storybook/vue3'; const meta = { title: 'components/global/MkLoading', component: MkLoading, } satisfies Meta<typeof MkLoading>; +export default meta; +/* eslint-disable @typescript-eslint/explicit-function-return-type */ +import { StoryObj } from '@storybook/vue3'; +import MkLoading from './MkLoading.vue'; export const Default = { render(args) { return { @@ -27,8 +30,36 @@ export const Default = { template: '<MkLoading v-bind="props" />', }; }, + args: {}, parameters: { layout: 'centered', }, } satisfies StoryObj<typeof MkLoading>; -export default meta; +export const Inline = { + ...Default, + args: { + ...Default.args, + inline: true, + }, +}; +export const Colored = { + ...Default, + args: { + ...Default.args, + colored: true, + }, +}; +export const Mini = { + ...Default, + args: { + ...Default.args, + mini: true, + }, +}; +export const Em = { + ...Default, + args: { + ...Default.args, + em: true, + }, +}; diff --git a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.impl.ts b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.impl.ts new file mode 100644 index 0000000000..c594b790c3 --- /dev/null +++ b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.impl.ts @@ -0,0 +1,52 @@ +/* eslint-disable @typescript-eslint/explicit-function-return-type */ +import { StoryObj } from '@storybook/vue3'; +import MkMisskeyFlavoredMarkdown from './MkMisskeyFlavoredMarkdown.vue'; +export const Default = { + render(args) { + return { + components: { + MkMisskeyFlavoredMarkdown, + }, + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...args, + }; + }, + }, + template: '<MkMisskeyFlavoredMarkdown v-bind="props" />', + }; + }, + args: { + text: 'Hello, world!', + }, + parameters: { + layout: 'centered', + }, +} satisfies StoryObj<typeof MkMisskeyFlavoredMarkdown>; +export const Plain = { + ...Default, + args: { + ...Default.args, + plain: true, + }, +}; +export const Nowrap = { + ...Default, + args: { + ...Default.args, + nowrap: true, + }, +}; +export const IsNote = { + ...Default, + args: { + ...Default.args, + isNote: true, + }, +}; diff --git a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts index 18407d188c..7103f07ae7 100644 --- a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts +++ b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts @@ -1,11 +1,14 @@ /* eslint-disable @typescript-eslint/explicit-function-return-type */ /* eslint-disable import/no-default-export */ -import { Meta, StoryObj } from '@storybook/vue3'; -import MkMisskeyFlavoredMarkdown from './MkMisskeyFlavoredMarkdown.vue'; +import { Meta } from '@storybook/vue3'; const meta = { title: 'components/global/MkMisskeyFlavoredMarkdown', component: MkMisskeyFlavoredMarkdown, } satisfies Meta<typeof MkMisskeyFlavoredMarkdown>; +export default meta; +/* eslint-disable @typescript-eslint/explicit-function-return-type */ +import { StoryObj } from '@storybook/vue3'; +import MkMisskeyFlavoredMarkdown from './MkMisskeyFlavoredMarkdown.vue'; export const Default = { render(args) { return { @@ -27,8 +30,31 @@ export const Default = { template: '<MkMisskeyFlavoredMarkdown v-bind="props" />', }; }, + args: { + text: 'Hello, world!', + }, parameters: { layout: 'centered', }, } satisfies StoryObj<typeof MkMisskeyFlavoredMarkdown>; -export default meta; +export const Plain = { + ...Default, + args: { + ...Default.args, + plain: true, + }, +}; +export const Nowrap = { + ...Default, + args: { + ...Default.args, + nowrap: true, + }, +}; +export const IsNote = { + ...Default, + args: { + ...Default.args, + isNote: true, + }, +}; |