summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components/global
diff options
context:
space:
mode:
authorAcid Chicken (硫酸鶏) <root@acid-chicken.com>2023-04-01 13:45:31 +0900
committerAcid Chicken (硫酸鶏) <root@acid-chicken.com>2023-04-01 13:45:31 +0900
commita47f4b89557f15d1ff394a0db853f9c778a3b25c (patch)
tree287e4db8a144399ba6e4878f4058cee3633dbf21 /packages/frontend/src/components/global
parentbuild(#10336): hide internal args (diff)
downloadmisskey-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')
-rw-r--r--packages/frontend/src/components/global/MkLoading.stories.impl.ts58
-rw-r--r--packages/frontend/src/components/global/MkLoading.stories.ts37
-rw-r--r--packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.impl.ts52
-rw-r--r--packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts32
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,
+ },
+};