build(#10336): impl SatisfiesExpression
This commit is contained in:
Acid Chicken (硫酸鶏)
parent
2eecb8e876
commit
bdbbb92ff6
@ -2,11 +2,26 @@ import { existsSync, readFileSync } from 'node:fs';
|
||||
import { writeFile } from 'node:fs/promises';
|
||||
import { basename, dirname } from 'node:path/posix';
|
||||
import { promisify } from 'node:util';
|
||||
import { generate } from 'astring';
|
||||
import { GENERATOR, type State, generate } from 'astring';
|
||||
import type * as estree from 'estree';
|
||||
import * as glob from 'glob';
|
||||
import { format } from 'prettier';
|
||||
|
||||
interface SatisfiesExpression extends estree.BaseExpression {
|
||||
type: 'SatisfiesExpression';
|
||||
expression: estree.Expression;
|
||||
reference: estree.Identifier;
|
||||
}
|
||||
|
||||
const generator = {
|
||||
...GENERATOR,
|
||||
SatisfiesExpression(node: SatisfiesExpression, state: State) {
|
||||
this[node.expression.type](node.expression, state);
|
||||
state.write(' satisfies ');
|
||||
this[node.reference.type](node.reference, state);
|
||||
},
|
||||
}
|
||||
|
||||
function h<T extends estree.Node>(component: T['type'], props: Omit<T, 'type'>): T {
|
||||
const type = component.replace(/(?:^|-)([a-z])/g, (_, c) => c.toUpperCase());
|
||||
return Object.assign(props, { type }) as T;
|
||||
@ -56,10 +71,14 @@ function toStories(component: string): string {
|
||||
local={<identifier name="Meta" />}
|
||||
imported={<identifier name="Meta" />}
|
||||
/>,
|
||||
<import-specifier
|
||||
local={<identifier name="Story" />}
|
||||
imported={<identifier name="Story" />}
|
||||
/>,
|
||||
...hasImplStories
|
||||
? []
|
||||
: [
|
||||
<import-specifier
|
||||
local={<identifier name="StoryObj" />}
|
||||
imported={<identifier name="StoryObj" />}
|
||||
/>,
|
||||
],
|
||||
]}
|
||||
/>,
|
||||
...hasMsw
|
||||
@ -93,19 +112,24 @@ function toStories(component: string): string {
|
||||
<variable-declarator
|
||||
id={<identifier name="meta" />}
|
||||
init={
|
||||
<object-expression
|
||||
properties={[
|
||||
<property
|
||||
key={<identifier name="title" />}
|
||||
value={literal}
|
||||
kind="init"
|
||||
/>,
|
||||
<property
|
||||
key={<identifier name="component" />}
|
||||
value={identifier}
|
||||
kind="init"
|
||||
/>,
|
||||
]}
|
||||
<satisfies-expression
|
||||
expression={
|
||||
<object-expression
|
||||
properties={[
|
||||
<property
|
||||
key={<identifier name="title" />}
|
||||
value={literal}
|
||||
kind="init"
|
||||
/>,
|
||||
<property
|
||||
key={<identifier name="component" />}
|
||||
value={identifier}
|
||||
kind="init"
|
||||
/>,
|
||||
]}
|
||||
/>
|
||||
}
|
||||
reference={<identifier name={`Meta<typeof ${identifier.name}>`} />}
|
||||
/>
|
||||
}
|
||||
/>,
|
||||
@ -123,89 +147,94 @@ function toStories(component: string): string {
|
||||
<variable-declarator
|
||||
id={<identifier name="Default" />}
|
||||
init={
|
||||
<object-expression
|
||||
properties={[
|
||||
<property
|
||||
key={<identifier name="render" />}
|
||||
value={
|
||||
<function-expression
|
||||
id={<identifier name="render" />}
|
||||
params={[
|
||||
<identifier name="args" />,
|
||||
<object-pattern
|
||||
properties={[
|
||||
<property
|
||||
key={<identifier name="argTypes" />}
|
||||
value={<identifier name="argTypes" />}
|
||||
kind="init"
|
||||
shorthand
|
||||
<satisfies-expression
|
||||
expression={
|
||||
<object-expression
|
||||
properties={[
|
||||
<property
|
||||
key={<identifier name="render" />}
|
||||
value={
|
||||
<function-expression
|
||||
id={<identifier name="render" />}
|
||||
params={[
|
||||
<identifier name="args" />,
|
||||
<object-pattern
|
||||
properties={[
|
||||
<property
|
||||
key={<identifier name="argTypes" />}
|
||||
value={<identifier name="argTypes" />}
|
||||
kind="init"
|
||||
shorthand
|
||||
/>,
|
||||
]}
|
||||
/>,
|
||||
]}
|
||||
/>,
|
||||
]}
|
||||
body={
|
||||
<block-statement
|
||||
body={[
|
||||
<return-statement
|
||||
argument={
|
||||
<object-expression
|
||||
properties={[
|
||||
<property
|
||||
key={<identifier name="components" />}
|
||||
value={
|
||||
<object-expression
|
||||
properties={[
|
||||
<property
|
||||
key={identifier}
|
||||
value={identifier}
|
||||
kind="init"
|
||||
shorthand
|
||||
/>,
|
||||
]}
|
||||
/>
|
||||
}
|
||||
kind="init"
|
||||
/>,
|
||||
<property
|
||||
key={<identifier name="props" />}
|
||||
value={
|
||||
<call-expression
|
||||
callee={
|
||||
<member-expression
|
||||
object={<identifier name="Object" />}
|
||||
property={<identifier name="keys" />}
|
||||
body={
|
||||
<block-statement
|
||||
body={[
|
||||
<return-statement
|
||||
argument={
|
||||
<object-expression
|
||||
properties={[
|
||||
<property
|
||||
key={<identifier name="components" />}
|
||||
value={
|
||||
<object-expression
|
||||
properties={[
|
||||
<property
|
||||
key={identifier}
|
||||
value={identifier}
|
||||
kind="init"
|
||||
shorthand
|
||||
/>,
|
||||
]}
|
||||
/>
|
||||
}
|
||||
arguments={[
|
||||
<identifier name="argTypes" />,
|
||||
]}
|
||||
/>
|
||||
}
|
||||
kind="init"
|
||||
/>,
|
||||
<property
|
||||
key={<identifier name="template" />}
|
||||
value={<literal value={`<${identifier.name} v-bind="$props" />`} />}
|
||||
kind="init"
|
||||
/>,
|
||||
]}
|
||||
/>
|
||||
}
|
||||
/>,
|
||||
]}
|
||||
kind="init"
|
||||
/>,
|
||||
<property
|
||||
key={<identifier name="props" />}
|
||||
value={
|
||||
<call-expression
|
||||
callee={
|
||||
<member-expression
|
||||
object={<identifier name="Object" />}
|
||||
property={<identifier name="keys" />}
|
||||
/>
|
||||
}
|
||||
arguments={[
|
||||
<identifier name="argTypes" />,
|
||||
]}
|
||||
/>
|
||||
}
|
||||
kind="init"
|
||||
/>,
|
||||
<property
|
||||
key={<identifier name="template" />}
|
||||
value={<literal value={`<${identifier.name} v-bind="$props" />`} />}
|
||||
kind="init"
|
||||
/>,
|
||||
]}
|
||||
/>
|
||||
}
|
||||
/>,
|
||||
]}
|
||||
/>
|
||||
}
|
||||
/>
|
||||
}
|
||||
/>
|
||||
}
|
||||
method
|
||||
kind="init"
|
||||
/>,
|
||||
<property
|
||||
key={<identifier name="parameters" />}
|
||||
value={parameters}
|
||||
kind="init"
|
||||
/>,
|
||||
]}
|
||||
method
|
||||
kind="init"
|
||||
/>,
|
||||
<property
|
||||
key={<identifier name="parameters" />}
|
||||
value={parameters}
|
||||
kind="init"
|
||||
/>,
|
||||
]}
|
||||
/>
|
||||
}
|
||||
reference={<identifier name={`StoryObj<typeof ${identifier.name}>`} />}
|
||||
/>
|
||||
}
|
||||
/>,
|
||||
@ -221,7 +250,7 @@ function toStories(component: string): string {
|
||||
/>
|
||||
) as unknown as estree.Program;
|
||||
return format(
|
||||
generate(program) + (hasImplStories ? readFileSync(`${implStories}.ts`, 'utf-8') : ''),
|
||||
generate(program, { generator }) + (hasImplStories ? readFileSync(`${implStories}.ts`, 'utf-8') : ''),
|
||||
{
|
||||
parser: 'babel-ts',
|
||||
singleQuote: true,
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkAbuseReport from './MkAbuseReport.vue';
|
||||
const meta = {
|
||||
title: 'components/MkAbuseReport',
|
||||
component: MkAbuseReport,
|
||||
};
|
||||
} satisfies Meta<typeof MkAbuseReport>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkAbuseReport>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkAbuseReportWindow from './MkAbuseReportWindow.vue';
|
||||
const meta = {
|
||||
title: 'components/MkAbuseReportWindow',
|
||||
component: MkAbuseReportWindow,
|
||||
};
|
||||
} satisfies Meta<typeof MkAbuseReportWindow>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkAbuseReportWindow>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkAchievements from './MkAchievements.vue';
|
||||
const meta = {
|
||||
title: 'components/MkAchievements',
|
||||
component: MkAchievements,
|
||||
};
|
||||
} satisfies Meta<typeof MkAchievements>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkAchievements>;
|
||||
export default meta;
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta } from '@storybook/vue3';
|
||||
const meta = {
|
||||
title: 'components/MkAnalogClock',
|
||||
component: MkAnalogClock,
|
||||
};
|
||||
} satisfies Meta<typeof MkAnalogClock>;
|
||||
export default meta;
|
||||
import MkAnalogClock from './MkAnalogClock.vue';
|
||||
export const Default = {
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkAsUi from './MkAsUi.vue';
|
||||
const meta = {
|
||||
title: 'components/MkAsUi',
|
||||
component: MkAsUi,
|
||||
};
|
||||
} satisfies Meta<typeof MkAsUi>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkAsUi>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkAutocomplete from './MkAutocomplete.vue';
|
||||
const meta = {
|
||||
title: 'components/MkAutocomplete',
|
||||
component: MkAutocomplete,
|
||||
};
|
||||
} satisfies Meta<typeof MkAutocomplete>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkAutocomplete>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkAvatars from './MkAvatars.vue';
|
||||
const meta = {
|
||||
title: 'components/MkAvatars',
|
||||
component: MkAvatars,
|
||||
};
|
||||
} satisfies Meta<typeof MkAvatars>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkAvatars>;
|
||||
export default meta;
|
||||
|
||||
@ -1,3 +1,4 @@
|
||||
import { StoryObj } from '@storybook/vue3';
|
||||
import MkButton from './MkButton.vue';
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
@ -12,4 +13,4 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkButton>;
|
||||
|
||||
@ -1,9 +1,10 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta } from '@storybook/vue3';
|
||||
const meta = {
|
||||
title: 'components/MkButton',
|
||||
component: MkButton,
|
||||
};
|
||||
} satisfies Meta<typeof MkButton>;
|
||||
export default meta;
|
||||
import { StoryObj } from '@storybook/vue3';
|
||||
import MkButton from './MkButton.vue';
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
@ -18,4 +19,4 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkButton>;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkCaptcha from './MkCaptcha.vue';
|
||||
const meta = {
|
||||
title: 'components/MkCaptcha',
|
||||
component: MkCaptcha,
|
||||
};
|
||||
} satisfies Meta<typeof MkCaptcha>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkCaptcha>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkChannelFollowButton from './MkChannelFollowButton.vue';
|
||||
const meta = {
|
||||
title: 'components/MkChannelFollowButton',
|
||||
component: MkChannelFollowButton,
|
||||
};
|
||||
} satisfies Meta<typeof MkChannelFollowButton>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkChannelFollowButton>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkChannelPreview from './MkChannelPreview.vue';
|
||||
const meta = {
|
||||
title: 'components/MkChannelPreview',
|
||||
component: MkChannelPreview,
|
||||
};
|
||||
} satisfies Meta<typeof MkChannelPreview>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkChannelPreview>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkChart from './MkChart.vue';
|
||||
const meta = {
|
||||
title: 'components/MkChart',
|
||||
component: MkChart,
|
||||
};
|
||||
} satisfies Meta<typeof MkChart>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkChart>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkChartLegend from './MkChartLegend.vue';
|
||||
const meta = {
|
||||
title: 'components/MkChartLegend',
|
||||
component: MkChartLegend,
|
||||
};
|
||||
} satisfies Meta<typeof MkChartLegend>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkChartLegend>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkChartTooltip from './MkChartTooltip.vue';
|
||||
const meta = {
|
||||
title: 'components/MkChartTooltip',
|
||||
component: MkChartTooltip,
|
||||
};
|
||||
} satisfies Meta<typeof MkChartTooltip>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkChartTooltip>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkCheckbox from './MkCheckbox.vue';
|
||||
const meta = {
|
||||
title: 'components/MkCheckbox',
|
||||
component: MkCheckbox,
|
||||
};
|
||||
} satisfies Meta<typeof MkCheckbox>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkCheckbox>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkClickerGame from './MkClickerGame.vue';
|
||||
const meta = {
|
||||
title: 'components/MkClickerGame',
|
||||
component: MkClickerGame,
|
||||
};
|
||||
} satisfies Meta<typeof MkClickerGame>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkClickerGame>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkClipPreview from './MkClipPreview.vue';
|
||||
const meta = {
|
||||
title: 'components/MkClipPreview',
|
||||
component: MkClipPreview,
|
||||
};
|
||||
} satisfies Meta<typeof MkClipPreview>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkClipPreview>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkCode_core from './MkCode.core.vue';
|
||||
const meta = {
|
||||
title: 'components/MkCode.core',
|
||||
component: MkCode_core,
|
||||
};
|
||||
} satisfies Meta<typeof MkCode_core>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkCode_core>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkCode from './MkCode.vue';
|
||||
const meta = {
|
||||
title: 'components/MkCode',
|
||||
component: MkCode,
|
||||
};
|
||||
} satisfies Meta<typeof MkCode>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkCode>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkContainer from './MkContainer.vue';
|
||||
const meta = {
|
||||
title: 'components/MkContainer',
|
||||
component: MkContainer,
|
||||
};
|
||||
} satisfies Meta<typeof MkContainer>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkContainer>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkContextMenu from './MkContextMenu.vue';
|
||||
const meta = {
|
||||
title: 'components/MkContextMenu',
|
||||
component: MkContextMenu,
|
||||
};
|
||||
} satisfies Meta<typeof MkContextMenu>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkContextMenu>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkCropperDialog from './MkCropperDialog.vue';
|
||||
const meta = {
|
||||
title: 'components/MkCropperDialog',
|
||||
component: MkCropperDialog,
|
||||
};
|
||||
} satisfies Meta<typeof MkCropperDialog>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkCropperDialog>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkCwButton from './MkCwButton.vue';
|
||||
const meta = {
|
||||
title: 'components/MkCwButton',
|
||||
component: MkCwButton,
|
||||
};
|
||||
} satisfies Meta<typeof MkCwButton>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkCwButton>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkDateSeparatedList from './MkDateSeparatedList.vue';
|
||||
const meta = {
|
||||
title: 'components/MkDateSeparatedList',
|
||||
component: MkDateSeparatedList,
|
||||
};
|
||||
} satisfies Meta<typeof MkDateSeparatedList>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkDateSeparatedList>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkDialog from './MkDialog.vue';
|
||||
const meta = {
|
||||
title: 'components/MkDialog',
|
||||
component: MkDialog,
|
||||
};
|
||||
} satisfies Meta<typeof MkDialog>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkDialog>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkDigitalClock from './MkDigitalClock.vue';
|
||||
const meta = {
|
||||
title: 'components/MkDigitalClock',
|
||||
component: MkDigitalClock,
|
||||
};
|
||||
} satisfies Meta<typeof MkDigitalClock>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkDigitalClock>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkDonation from './MkDonation.vue';
|
||||
const meta = {
|
||||
title: 'components/MkDonation',
|
||||
component: MkDonation,
|
||||
};
|
||||
} satisfies Meta<typeof MkDonation>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkDonation>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkDrive_file from './MkDrive.file.vue';
|
||||
const meta = {
|
||||
title: 'components/MkDrive.file',
|
||||
component: MkDrive_file,
|
||||
};
|
||||
} satisfies Meta<typeof MkDrive_file>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkDrive_file>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkDrive_folder from './MkDrive.folder.vue';
|
||||
const meta = {
|
||||
title: 'components/MkDrive.folder',
|
||||
component: MkDrive_folder,
|
||||
};
|
||||
} satisfies Meta<typeof MkDrive_folder>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkDrive_folder>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkDrive_navFolder from './MkDrive.navFolder.vue';
|
||||
const meta = {
|
||||
title: 'components/MkDrive.navFolder',
|
||||
component: MkDrive_navFolder,
|
||||
};
|
||||
} satisfies Meta<typeof MkDrive_navFolder>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkDrive_navFolder>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkDrive from './MkDrive.vue';
|
||||
const meta = {
|
||||
title: 'components/MkDrive',
|
||||
component: MkDrive,
|
||||
};
|
||||
} satisfies Meta<typeof MkDrive>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkDrive>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkDriveFileThumbnail from './MkDriveFileThumbnail.vue';
|
||||
const meta = {
|
||||
title: 'components/MkDriveFileThumbnail',
|
||||
component: MkDriveFileThumbnail,
|
||||
};
|
||||
} satisfies Meta<typeof MkDriveFileThumbnail>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkDriveFileThumbnail>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkDriveSelectDialog from './MkDriveSelectDialog.vue';
|
||||
const meta = {
|
||||
title: 'components/MkDriveSelectDialog',
|
||||
component: MkDriveSelectDialog,
|
||||
};
|
||||
} satisfies Meta<typeof MkDriveSelectDialog>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkDriveSelectDialog>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkDriveWindow from './MkDriveWindow.vue';
|
||||
const meta = {
|
||||
title: 'components/MkDriveWindow',
|
||||
component: MkDriveWindow,
|
||||
};
|
||||
} satisfies Meta<typeof MkDriveWindow>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkDriveWindow>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkEmojiPicker_section from './MkEmojiPicker.section.vue';
|
||||
const meta = {
|
||||
title: 'components/MkEmojiPicker.section',
|
||||
component: MkEmojiPicker_section,
|
||||
};
|
||||
} satisfies Meta<typeof MkEmojiPicker_section>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkEmojiPicker_section>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkEmojiPicker from './MkEmojiPicker.vue';
|
||||
const meta = {
|
||||
title: 'components/MkEmojiPicker',
|
||||
component: MkEmojiPicker,
|
||||
};
|
||||
} satisfies Meta<typeof MkEmojiPicker>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkEmojiPicker>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkEmojiPickerDialog from './MkEmojiPickerDialog.vue';
|
||||
const meta = {
|
||||
title: 'components/MkEmojiPickerDialog',
|
||||
component: MkEmojiPickerDialog,
|
||||
};
|
||||
} satisfies Meta<typeof MkEmojiPickerDialog>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkEmojiPickerDialog>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkEmojiPickerWindow from './MkEmojiPickerWindow.vue';
|
||||
const meta = {
|
||||
title: 'components/MkEmojiPickerWindow',
|
||||
component: MkEmojiPickerWindow,
|
||||
};
|
||||
} satisfies Meta<typeof MkEmojiPickerWindow>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkEmojiPickerWindow>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkFeaturedPhotos from './MkFeaturedPhotos.vue';
|
||||
const meta = {
|
||||
title: 'components/MkFeaturedPhotos',
|
||||
component: MkFeaturedPhotos,
|
||||
};
|
||||
} satisfies Meta<typeof MkFeaturedPhotos>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkFeaturedPhotos>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkFileCaptionEditWindow from './MkFileCaptionEditWindow.vue';
|
||||
const meta = {
|
||||
title: 'components/MkFileCaptionEditWindow',
|
||||
component: MkFileCaptionEditWindow,
|
||||
};
|
||||
} satisfies Meta<typeof MkFileCaptionEditWindow>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkFileCaptionEditWindow>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkFileListForAdmin from './MkFileListForAdmin.vue';
|
||||
const meta = {
|
||||
title: 'components/MkFileListForAdmin',
|
||||
component: MkFileListForAdmin,
|
||||
};
|
||||
} satisfies Meta<typeof MkFileListForAdmin>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkFileListForAdmin>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkFlashPreview from './MkFlashPreview.vue';
|
||||
const meta = {
|
||||
title: 'components/MkFlashPreview',
|
||||
component: MkFlashPreview,
|
||||
};
|
||||
} satisfies Meta<typeof MkFlashPreview>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkFlashPreview>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkFoldableSection from './MkFoldableSection.vue';
|
||||
const meta = {
|
||||
title: 'components/MkFoldableSection',
|
||||
component: MkFoldableSection,
|
||||
};
|
||||
} satisfies Meta<typeof MkFoldableSection>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkFoldableSection>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkFolder from './MkFolder.vue';
|
||||
const meta = {
|
||||
title: 'components/MkFolder',
|
||||
component: MkFolder,
|
||||
};
|
||||
} satisfies Meta<typeof MkFolder>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkFolder>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkFollowButton from './MkFollowButton.vue';
|
||||
const meta = {
|
||||
title: 'components/MkFollowButton',
|
||||
component: MkFollowButton,
|
||||
};
|
||||
} satisfies Meta<typeof MkFollowButton>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkFollowButton>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkForgotPassword from './MkForgotPassword.vue';
|
||||
const meta = {
|
||||
title: 'components/MkForgotPassword',
|
||||
component: MkForgotPassword,
|
||||
};
|
||||
} satisfies Meta<typeof MkForgotPassword>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkForgotPassword>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkFormDialog from './MkFormDialog.vue';
|
||||
const meta = {
|
||||
title: 'components/MkFormDialog',
|
||||
component: MkFormDialog,
|
||||
};
|
||||
} satisfies Meta<typeof MkFormDialog>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkFormDialog>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkGalleryPostPreview from './MkGalleryPostPreview.vue';
|
||||
const meta = {
|
||||
title: 'components/MkGalleryPostPreview',
|
||||
component: MkGalleryPostPreview,
|
||||
};
|
||||
} satisfies Meta<typeof MkGalleryPostPreview>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkGalleryPostPreview>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkGoogle from './MkGoogle.vue';
|
||||
const meta = {
|
||||
title: 'components/MkGoogle',
|
||||
component: MkGoogle,
|
||||
};
|
||||
} satisfies Meta<typeof MkGoogle>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkGoogle>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkHeatmap from './MkHeatmap.vue';
|
||||
const meta = {
|
||||
title: 'components/MkHeatmap',
|
||||
component: MkHeatmap,
|
||||
};
|
||||
} satisfies Meta<typeof MkHeatmap>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkHeatmap>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkImageViewer from './MkImageViewer.vue';
|
||||
const meta = {
|
||||
title: 'components/MkImageViewer',
|
||||
component: MkImageViewer,
|
||||
};
|
||||
} satisfies Meta<typeof MkImageViewer>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkImageViewer>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkImgWithBlurhash from './MkImgWithBlurhash.vue';
|
||||
const meta = {
|
||||
title: 'components/MkImgWithBlurhash',
|
||||
component: MkImgWithBlurhash,
|
||||
};
|
||||
} satisfies Meta<typeof MkImgWithBlurhash>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkImgWithBlurhash>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkInfo from './MkInfo.vue';
|
||||
const meta = {
|
||||
title: 'components/MkInfo',
|
||||
component: MkInfo,
|
||||
};
|
||||
} satisfies Meta<typeof MkInfo>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkInfo>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkInput from './MkInput.vue';
|
||||
const meta = {
|
||||
title: 'components/MkInput',
|
||||
component: MkInput,
|
||||
};
|
||||
} satisfies Meta<typeof MkInput>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkInput>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkInstanceCardMini from './MkInstanceCardMini.vue';
|
||||
const meta = {
|
||||
title: 'components/MkInstanceCardMini',
|
||||
component: MkInstanceCardMini,
|
||||
};
|
||||
} satisfies Meta<typeof MkInstanceCardMini>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkInstanceCardMini>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkInstanceStats from './MkInstanceStats.vue';
|
||||
const meta = {
|
||||
title: 'components/MkInstanceStats',
|
||||
component: MkInstanceStats,
|
||||
};
|
||||
} satisfies Meta<typeof MkInstanceStats>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkInstanceStats>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkInstanceTicker from './MkInstanceTicker.vue';
|
||||
const meta = {
|
||||
title: 'components/MkInstanceTicker',
|
||||
component: MkInstanceTicker,
|
||||
};
|
||||
} satisfies Meta<typeof MkInstanceTicker>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkInstanceTicker>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkKeyValue from './MkKeyValue.vue';
|
||||
const meta = {
|
||||
title: 'components/MkKeyValue',
|
||||
component: MkKeyValue,
|
||||
};
|
||||
} satisfies Meta<typeof MkKeyValue>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkKeyValue>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkLaunchPad from './MkLaunchPad.vue';
|
||||
const meta = {
|
||||
title: 'components/MkLaunchPad',
|
||||
component: MkLaunchPad,
|
||||
};
|
||||
} satisfies Meta<typeof MkLaunchPad>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkLaunchPad>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkLink from './MkLink.vue';
|
||||
const meta = {
|
||||
title: 'components/MkLink',
|
||||
component: MkLink,
|
||||
};
|
||||
} satisfies Meta<typeof MkLink>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkLink>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkMarquee from './MkMarquee.vue';
|
||||
const meta = {
|
||||
title: 'components/MkMarquee',
|
||||
component: MkMarquee,
|
||||
};
|
||||
} satisfies Meta<typeof MkMarquee>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkMarquee>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkMediaBanner from './MkMediaBanner.vue';
|
||||
const meta = {
|
||||
title: 'components/MkMediaBanner',
|
||||
component: MkMediaBanner,
|
||||
};
|
||||
} satisfies Meta<typeof MkMediaBanner>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkMediaBanner>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkMediaImage from './MkMediaImage.vue';
|
||||
const meta = {
|
||||
title: 'components/MkMediaImage',
|
||||
component: MkMediaImage,
|
||||
};
|
||||
} satisfies Meta<typeof MkMediaImage>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkMediaImage>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkMediaList from './MkMediaList.vue';
|
||||
const meta = {
|
||||
title: 'components/MkMediaList',
|
||||
component: MkMediaList,
|
||||
};
|
||||
} satisfies Meta<typeof MkMediaList>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkMediaList>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkMediaVideo from './MkMediaVideo.vue';
|
||||
const meta = {
|
||||
title: 'components/MkMediaVideo',
|
||||
component: MkMediaVideo,
|
||||
};
|
||||
} satisfies Meta<typeof MkMediaVideo>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkMediaVideo>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkMention from './MkMention.vue';
|
||||
const meta = {
|
||||
title: 'components/MkMention',
|
||||
component: MkMention,
|
||||
};
|
||||
} satisfies Meta<typeof MkMention>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkMention>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkMenu_child from './MkMenu.child.vue';
|
||||
const meta = {
|
||||
title: 'components/MkMenu.child',
|
||||
component: MkMenu_child,
|
||||
};
|
||||
} satisfies Meta<typeof MkMenu_child>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkMenu_child>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkMenu from './MkMenu.vue';
|
||||
const meta = {
|
||||
title: 'components/MkMenu',
|
||||
component: MkMenu,
|
||||
};
|
||||
} satisfies Meta<typeof MkMenu>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkMenu>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkMiniChart from './MkMiniChart.vue';
|
||||
const meta = {
|
||||
title: 'components/MkMiniChart',
|
||||
component: MkMiniChart,
|
||||
};
|
||||
} satisfies Meta<typeof MkMiniChart>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkMiniChart>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkModal from './MkModal.vue';
|
||||
const meta = {
|
||||
title: 'components/MkModal',
|
||||
component: MkModal,
|
||||
};
|
||||
} satisfies Meta<typeof MkModal>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkModal>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkModalPageWindow from './MkModalPageWindow.vue';
|
||||
const meta = {
|
||||
title: 'components/MkModalPageWindow',
|
||||
component: MkModalPageWindow,
|
||||
};
|
||||
} satisfies Meta<typeof MkModalPageWindow>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkModalPageWindow>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkModalWindow from './MkModalWindow.vue';
|
||||
const meta = {
|
||||
title: 'components/MkModalWindow',
|
||||
component: MkModalWindow,
|
||||
};
|
||||
} satisfies Meta<typeof MkModalWindow>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkModalWindow>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkNote from './MkNote.vue';
|
||||
const meta = {
|
||||
title: 'components/MkNote',
|
||||
component: MkNote,
|
||||
};
|
||||
} satisfies Meta<typeof MkNote>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkNote>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkNoteDetailed from './MkNoteDetailed.vue';
|
||||
const meta = {
|
||||
title: 'components/MkNoteDetailed',
|
||||
component: MkNoteDetailed,
|
||||
};
|
||||
} satisfies Meta<typeof MkNoteDetailed>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkNoteDetailed>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkNoteHeader from './MkNoteHeader.vue';
|
||||
const meta = {
|
||||
title: 'components/MkNoteHeader',
|
||||
component: MkNoteHeader,
|
||||
};
|
||||
} satisfies Meta<typeof MkNoteHeader>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkNoteHeader>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkNotePreview from './MkNotePreview.vue';
|
||||
const meta = {
|
||||
title: 'components/MkNotePreview',
|
||||
component: MkNotePreview,
|
||||
};
|
||||
} satisfies Meta<typeof MkNotePreview>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkNotePreview>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkNoteSimple from './MkNoteSimple.vue';
|
||||
const meta = {
|
||||
title: 'components/MkNoteSimple',
|
||||
component: MkNoteSimple,
|
||||
};
|
||||
} satisfies Meta<typeof MkNoteSimple>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkNoteSimple>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkNoteSub from './MkNoteSub.vue';
|
||||
const meta = {
|
||||
title: 'components/MkNoteSub',
|
||||
component: MkNoteSub,
|
||||
};
|
||||
} satisfies Meta<typeof MkNoteSub>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkNoteSub>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkNotes from './MkNotes.vue';
|
||||
const meta = {
|
||||
title: 'components/MkNotes',
|
||||
component: MkNotes,
|
||||
};
|
||||
} satisfies Meta<typeof MkNotes>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkNotes>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkNotification from './MkNotification.vue';
|
||||
const meta = {
|
||||
title: 'components/MkNotification',
|
||||
component: MkNotification,
|
||||
};
|
||||
} satisfies Meta<typeof MkNotification>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkNotification>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkNotificationSettingWindow from './MkNotificationSettingWindow.vue';
|
||||
const meta = {
|
||||
title: 'components/MkNotificationSettingWindow',
|
||||
component: MkNotificationSettingWindow,
|
||||
};
|
||||
} satisfies Meta<typeof MkNotificationSettingWindow>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkNotificationSettingWindow>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkNotifications from './MkNotifications.vue';
|
||||
const meta = {
|
||||
title: 'components/MkNotifications',
|
||||
component: MkNotifications,
|
||||
};
|
||||
} satisfies Meta<typeof MkNotifications>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkNotifications>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkNumber from './MkNumber.vue';
|
||||
const meta = {
|
||||
title: 'components/MkNumber',
|
||||
component: MkNumber,
|
||||
};
|
||||
} satisfies Meta<typeof MkNumber>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkNumber>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkNumberDiff from './MkNumberDiff.vue';
|
||||
const meta = {
|
||||
title: 'components/MkNumberDiff',
|
||||
component: MkNumberDiff,
|
||||
};
|
||||
} satisfies Meta<typeof MkNumberDiff>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkNumberDiff>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkObjectView from './MkObjectView.vue';
|
||||
const meta = {
|
||||
title: 'components/MkObjectView',
|
||||
component: MkObjectView,
|
||||
};
|
||||
} satisfies Meta<typeof MkObjectView>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkObjectView>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkObjectView_value from './MkObjectView.value.vue';
|
||||
const meta = {
|
||||
title: 'components/MkObjectView.value',
|
||||
component: MkObjectView_value,
|
||||
};
|
||||
} satisfies Meta<typeof MkObjectView_value>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkObjectView_value>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkOmit from './MkOmit.vue';
|
||||
const meta = {
|
||||
title: 'components/MkOmit',
|
||||
component: MkOmit,
|
||||
};
|
||||
} satisfies Meta<typeof MkOmit>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkOmit>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkPagePreview from './MkPagePreview.vue';
|
||||
const meta = {
|
||||
title: 'components/MkPagePreview',
|
||||
component: MkPagePreview,
|
||||
};
|
||||
} satisfies Meta<typeof MkPagePreview>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkPagePreview>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkPageWindow from './MkPageWindow.vue';
|
||||
const meta = {
|
||||
title: 'components/MkPageWindow',
|
||||
component: MkPageWindow,
|
||||
};
|
||||
} satisfies Meta<typeof MkPageWindow>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkPageWindow>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkPagination from './MkPagination.vue';
|
||||
const meta = {
|
||||
title: 'components/MkPagination',
|
||||
component: MkPagination,
|
||||
};
|
||||
} satisfies Meta<typeof MkPagination>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkPagination>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkPlusOneEffect from './MkPlusOneEffect.vue';
|
||||
const meta = {
|
||||
title: 'components/MkPlusOneEffect',
|
||||
component: MkPlusOneEffect,
|
||||
};
|
||||
} satisfies Meta<typeof MkPlusOneEffect>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkPlusOneEffect>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkPoll from './MkPoll.vue';
|
||||
const meta = {
|
||||
title: 'components/MkPoll',
|
||||
component: MkPoll,
|
||||
};
|
||||
} satisfies Meta<typeof MkPoll>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkPoll>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkPollEditor from './MkPollEditor.vue';
|
||||
const meta = {
|
||||
title: 'components/MkPollEditor',
|
||||
component: MkPollEditor,
|
||||
};
|
||||
} satisfies Meta<typeof MkPollEditor>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkPollEditor>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkPopupMenu from './MkPopupMenu.vue';
|
||||
const meta = {
|
||||
title: 'components/MkPopupMenu',
|
||||
component: MkPopupMenu,
|
||||
};
|
||||
} satisfies Meta<typeof MkPopupMenu>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkPopupMenu>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkPostForm from './MkPostForm.vue';
|
||||
const meta = {
|
||||
title: 'components/MkPostForm',
|
||||
component: MkPostForm,
|
||||
};
|
||||
} satisfies Meta<typeof MkPostForm>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkPostForm>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkPostFormAttaches from './MkPostFormAttaches.vue';
|
||||
const meta = {
|
||||
title: 'components/MkPostFormAttaches',
|
||||
component: MkPostFormAttaches,
|
||||
};
|
||||
} satisfies Meta<typeof MkPostFormAttaches>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkPostFormAttaches>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkPostFormDialog from './MkPostFormDialog.vue';
|
||||
const meta = {
|
||||
title: 'components/MkPostFormDialog',
|
||||
component: MkPostFormDialog,
|
||||
};
|
||||
} satisfies Meta<typeof MkPostFormDialog>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkPostFormDialog>;
|
||||
export default meta;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import { Meta, Story } from '@storybook/vue3';
|
||||
import { Meta, StoryObj } from '@storybook/vue3';
|
||||
import MkPushNotificationAllowButton from './MkPushNotificationAllowButton.vue';
|
||||
const meta = {
|
||||
title: 'components/MkPushNotificationAllowButton',
|
||||
component: MkPushNotificationAllowButton,
|
||||
};
|
||||
} satisfies Meta<typeof MkPushNotificationAllowButton>;
|
||||
export const Default = {
|
||||
render(args, { argTypes }) {
|
||||
return {
|
||||
@ -17,5 +17,5 @@ export const Default = {
|
||||
parameters: {
|
||||
layout: 'centered',
|
||||
},
|
||||
};
|
||||
} satisfies StoryObj<typeof MkPushNotificationAllowButton>;
|
||||
export default meta;
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user