build(#10336): separate definitions and generated codes

This commit is contained in:
Acid Chicken (硫酸鶏) 2023-03-20 16:13:07 +09:00
parent a19c560e7b
commit 6e21147ff6
No known key found for this signature in database
GPG key ID: 3E87B98A3F6BAB99
435 changed files with 3887 additions and 1361 deletions

View file

@ -1,4 +1,5 @@
import * as fs from 'node:fs/promises'; import { existsSync, readFileSync } from 'node:fs';
import { writeFile } from 'node:fs/promises';
import { basename, dirname } from 'node:path/posix'; import { basename, dirname } from 'node:path/posix';
import { promisify } from 'node:util'; import { promisify } from 'node:util';
import { generate } from 'astring'; import { generate } from 'astring';
@ -12,6 +13,10 @@ function h<T extends estree.Node>(component: T['type'], props: Omit<T, 'type'>):
} }
function toStories(component: string): string { function toStories(component: string): string {
const msw = `${component.slice(0, -'.vue'.length)}.msw`;
const implStories = `${component.slice(0, -'.vue'.length)}.stories.impl`;
const hasMsw = existsSync(`${msw}.ts`);
const hasImplStories = existsSync(`${implStories}.ts`);
const base = basename(component); const base = basename(component);
const dir = dirname(component); const dir = dirname(component);
const literal = ( const literal = (
@ -27,7 +32,17 @@ function toStories(component: string): string {
key={<identifier name="layout" />} key={<identifier name="layout" />}
value={<literal value={`${dir}/`.startsWith('src/pages/') || base === 'MkAnalogClock.vue' ? 'fullscreen' : 'centered'} />} value={<literal value={`${dir}/`.startsWith('src/pages/') || base === 'MkAnalogClock.vue' ? 'fullscreen' : 'centered'} />}
kind="init" kind="init"
/> />,
...hasMsw
? [
<property
key={<identifier name="msw" />}
value={<identifier name="msw" />}
kind="init"
shorthand
/>,
]
: [],
]} ]}
/> />
); );
@ -47,6 +62,18 @@ function toStories(component: string): string {
/>, />,
]} ]}
/>, />,
...hasMsw
? [
<import-declaration
source={<literal value={`./${basename(msw)}`} />}
specifiers={[
<import-namespace-specifier
local={<identifier name="msw" />}
/>,
]}
/>,
]
: [],
<import-declaration <import-declaration
source={<literal value={`./${base}`} />} source={<literal value={`./${base}`} />}
specifiers={[ specifiers={[
@ -80,50 +107,109 @@ function toStories(component: string): string {
/>, />,
]} ]}
/>, />,
<export-named-declaration ...hasImplStories
declaration={ ? [
<variable-declaration ]
kind="const" : [
declarations={[ <export-named-declaration
<variable-declarator declaration={
id={<identifier name="Default" />} <variable-declaration
init={ kind="const"
<object-expression declarations={[
properties={[ <variable-declarator
<property id={<identifier name="Default" />}
key={<identifier name="components" />} init={
value={ <object-expression
<object-expression properties={[
properties={[ <property
<property key={<identifier name="render" />}
key={identifier} value={
value={identifier} <function-expression
kind="init" id={<identifier name="render" />}
shorthand params={[
/>, <identifier name="args" />,
]} <object-pattern
/> properties={[
} <property
kind="init" key={<identifier name="argTypes" />}
/>, value={<identifier name="argTypes" />}
<property kind="init"
key={<identifier name="template" />} shorthand
value={<literal value={`<${identifier.name} />`} />} />,
kind="init" ]}
/>, />,
<property ]}
key={<identifier name="parameters" />} body={
value={parameters} <block-statement
kind="init" 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" />}
/>
}
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"
/>,
]}
/>
}
/>,
]}
/>
}
/>,
],
<export-default-declaration <export-default-declaration
declaration={<identifier name="meta" />} declaration={<identifier name="meta" />}
/>, />,
@ -131,7 +217,7 @@ function toStories(component: string): string {
/> />
) as unknown as estree.Program; ) as unknown as estree.Program;
return format( return format(
generate(program), generate(program) + (hasImplStories ? readFileSync(`${implStories}.ts`, 'utf-8') : ''),
{ {
parser: 'babel-ts', parser: 'babel-ts',
singleQuote: true, singleQuote: true,
@ -143,11 +229,6 @@ function toStories(component: string): string {
promisify(glob)('src/{components,pages,ui,widgets}/**/*.vue').then((components) => Promise.all( promisify(glob)('src/{components,pages,ui,widgets}/**/*.vue').then((components) => Promise.all(
components.map((component) => { components.map((component) => {
const stories = component.replace(/\.vue$/, '.stories.ts'); const stories = component.replace(/\.vue$/, '.stories.ts');
fs.stat(stories).then( return writeFile(stories, toStories(component));
() => {},
() => {
fs.writeFile(stories, toStories(component));
}
);
}) })
)); ));

View file

@ -0,0 +1,12 @@
import { addons } from '@storybook/manager-api';
import { create } from '@storybook/theming/create';
addons.setConfig({
theme: create({
base: 'dark',
brandTitle: 'Misskey Storybook',
brandUrl: 'https://misskey-hub.net',
brandImage: 'https://github.com/misskey-dev/assets/blob/main/misskey.svg?raw=true',
brandTarget: '_blank',
}),
});

View file

@ -1,8 +1,10 @@
import { type Preview, setup } from '@storybook/vue3'; import { type Preview, setup } from '@storybook/vue3';
import { initialize, mswDecorator } from 'msw-storybook-addon';
import locale from './locale'; import locale from './locale';
import theme from './theme'; import theme from './theme';
import '../src/style.scss'; import '../src/style.scss';
initialize();
localStorage.setItem("locale", JSON.stringify(locale)); localStorage.setItem("locale", JSON.stringify(locale));
Promise.all([ Promise.all([
import('../src/components'), import('../src/components'),
@ -15,12 +17,22 @@ Promise.all([
directives(app); directives(app);
widgets(app); widgets(app);
}); });
}) });
const preview = { const preview = {
decorators: [
mswDecorator,
],
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },
argTypes: {
default: {
control: {
type: 'text',
},
},
},
} satisfies Preview; } satisfies Preview;
export default preview; export default preview;

View file

@ -76,7 +76,9 @@
"@storybook/addon-interactions": "^7.0.0-rc.4", "@storybook/addon-interactions": "^7.0.0-rc.4",
"@storybook/addon-links": "^7.0.0-rc.4", "@storybook/addon-links": "^7.0.0-rc.4",
"@storybook/blocks": "^7.0.0-rc.4", "@storybook/blocks": "^7.0.0-rc.4",
"@storybook/manager-api": "7.0.0-rc.4",
"@storybook/testing-library": "^0.0.14-next.1", "@storybook/testing-library": "^0.0.14-next.1",
"@storybook/theming": "7.0.0-rc.4",
"@storybook/vue3": "^7.0.0-rc.4", "@storybook/vue3": "^7.0.0-rc.4",
"@storybook/vue3-vite": "^7.0.0-rc.4", "@storybook/vue3-vite": "^7.0.0-rc.4",
"@testing-library/vue": "^6.6.1", "@testing-library/vue": "^6.6.1",
@ -105,6 +107,8 @@
"eslint-plugin-import": "2.27.5", "eslint-plugin-import": "2.27.5",
"eslint-plugin-vue": "9.9.0", "eslint-plugin-vue": "9.9.0",
"happy-dom": "8.9.0", "happy-dom": "8.9.0",
"msw": "^1.1.0",
"msw-storybook-addon": "^1.8.0",
"prettier": "^2.8.4", "prettier": "^2.8.4",
"react": "^18.2.0", "react": "^18.2.0",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",

View file

@ -5,10 +5,15 @@ const meta = {
component: MkAbuseReport, component: MkAbuseReport,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkAbuseReport, return {
components: {
MkAbuseReport,
},
props: Object.keys(argTypes),
template: '<MkAbuseReport v-bind="$props" />',
};
}, },
template: '<MkAbuseReport />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkAbuseReportWindow, component: MkAbuseReportWindow,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkAbuseReportWindow, return {
components: {
MkAbuseReportWindow,
},
props: Object.keys(argTypes),
template: '<MkAbuseReportWindow v-bind="$props" />',
};
}, },
template: '<MkAbuseReportWindow />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkAchievements, component: MkAchievements,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkAchievements, return {
components: {
MkAchievements,
},
props: Object.keys(argTypes),
template: '<MkAchievements v-bind="$props" />',
};
}, },
template: '<MkAchievements />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkAnalogClock, component: MkAnalogClock,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkAnalogClock, return {
components: {
MkAnalogClock,
},
props: Object.keys(argTypes),
template: '<MkAnalogClock v-bind="$props" />',
};
}, },
template: '<MkAnalogClock />',
parameters: { parameters: {
layout: 'fullscreen', layout: 'fullscreen',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkAsUi, component: MkAsUi,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkAsUi, return {
components: {
MkAsUi,
},
props: Object.keys(argTypes),
template: '<MkAsUi v-bind="$props" />',
};
}, },
template: '<MkAsUi />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkAutocomplete, component: MkAutocomplete,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkAutocomplete, return {
components: {
MkAutocomplete,
},
props: Object.keys(argTypes),
template: '<MkAutocomplete v-bind="$props" />',
};
}, },
template: '<MkAutocomplete />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkAvatars, component: MkAvatars,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkAvatars, return {
components: {
MkAvatars,
},
props: Object.keys(argTypes),
template: '<MkAvatars v-bind="$props" />',
};
}, },
template: '<MkAvatars />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -0,0 +1,14 @@
export const Default = {
render(args, { argTypes }) {
return {
components: {
MkButton,
},
props: Object.keys(argTypes),
template: '<MkButton v-bind="$props">Text</MkButton>',
};
},
parameters: {
layout: 'centered',
},
};

View file

@ -4,13 +4,18 @@ const meta = {
title: 'components/MkButton', title: 'components/MkButton',
component: MkButton, component: MkButton,
}; };
export default meta;
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkButton, return {
components: {
MkButton,
},
props: Object.keys(argTypes),
template: '<MkButton v-bind="$props">Text</MkButton>',
};
}, },
template: '<MkButton />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },
}; };
export default meta;

View file

@ -5,10 +5,15 @@ const meta = {
component: MkCaptcha, component: MkCaptcha,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkCaptcha, return {
components: {
MkCaptcha,
},
props: Object.keys(argTypes),
template: '<MkCaptcha v-bind="$props" />',
};
}, },
template: '<MkCaptcha />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkChannelFollowButton, component: MkChannelFollowButton,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkChannelFollowButton, return {
components: {
MkChannelFollowButton,
},
props: Object.keys(argTypes),
template: '<MkChannelFollowButton v-bind="$props" />',
};
}, },
template: '<MkChannelFollowButton />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkChannelPreview, component: MkChannelPreview,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkChannelPreview, return {
components: {
MkChannelPreview,
},
props: Object.keys(argTypes),
template: '<MkChannelPreview v-bind="$props" />',
};
}, },
template: '<MkChannelPreview />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkChart, component: MkChart,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkChart, return {
components: {
MkChart,
},
props: Object.keys(argTypes),
template: '<MkChart v-bind="$props" />',
};
}, },
template: '<MkChart />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkChartLegend, component: MkChartLegend,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkChartLegend, return {
components: {
MkChartLegend,
},
props: Object.keys(argTypes),
template: '<MkChartLegend v-bind="$props" />',
};
}, },
template: '<MkChartLegend />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkChartTooltip, component: MkChartTooltip,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkChartTooltip, return {
components: {
MkChartTooltip,
},
props: Object.keys(argTypes),
template: '<MkChartTooltip v-bind="$props" />',
};
}, },
template: '<MkChartTooltip />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkCheckbox, component: MkCheckbox,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkCheckbox, return {
components: {
MkCheckbox,
},
props: Object.keys(argTypes),
template: '<MkCheckbox v-bind="$props" />',
};
}, },
template: '<MkCheckbox />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkClickerGame, component: MkClickerGame,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkClickerGame, return {
components: {
MkClickerGame,
},
props: Object.keys(argTypes),
template: '<MkClickerGame v-bind="$props" />',
};
}, },
template: '<MkClickerGame />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkClipPreview, component: MkClipPreview,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkClipPreview, return {
components: {
MkClipPreview,
},
props: Object.keys(argTypes),
template: '<MkClipPreview v-bind="$props" />',
};
}, },
template: '<MkClipPreview />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkCode_core, component: MkCode_core,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkCode_core, return {
components: {
MkCode_core,
},
props: Object.keys(argTypes),
template: '<MkCode_core v-bind="$props" />',
};
}, },
template: '<MkCode_core />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkCode, component: MkCode,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkCode, return {
components: {
MkCode,
},
props: Object.keys(argTypes),
template: '<MkCode v-bind="$props" />',
};
}, },
template: '<MkCode />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkContainer, component: MkContainer,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkContainer, return {
components: {
MkContainer,
},
props: Object.keys(argTypes),
template: '<MkContainer v-bind="$props" />',
};
}, },
template: '<MkContainer />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkContextMenu, component: MkContextMenu,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkContextMenu, return {
components: {
MkContextMenu,
},
props: Object.keys(argTypes),
template: '<MkContextMenu v-bind="$props" />',
};
}, },
template: '<MkContextMenu />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkCropperDialog, component: MkCropperDialog,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkCropperDialog, return {
components: {
MkCropperDialog,
},
props: Object.keys(argTypes),
template: '<MkCropperDialog v-bind="$props" />',
};
}, },
template: '<MkCropperDialog />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkCwButton, component: MkCwButton,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkCwButton, return {
components: {
MkCwButton,
},
props: Object.keys(argTypes),
template: '<MkCwButton v-bind="$props" />',
};
}, },
template: '<MkCwButton />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkDateSeparatedList, component: MkDateSeparatedList,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkDateSeparatedList, return {
components: {
MkDateSeparatedList,
},
props: Object.keys(argTypes),
template: '<MkDateSeparatedList v-bind="$props" />',
};
}, },
template: '<MkDateSeparatedList />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkDialog, component: MkDialog,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkDialog, return {
components: {
MkDialog,
},
props: Object.keys(argTypes),
template: '<MkDialog v-bind="$props" />',
};
}, },
template: '<MkDialog />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkDigitalClock, component: MkDigitalClock,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkDigitalClock, return {
components: {
MkDigitalClock,
},
props: Object.keys(argTypes),
template: '<MkDigitalClock v-bind="$props" />',
};
}, },
template: '<MkDigitalClock />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkDonation, component: MkDonation,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkDonation, return {
components: {
MkDonation,
},
props: Object.keys(argTypes),
template: '<MkDonation v-bind="$props" />',
};
}, },
template: '<MkDonation />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkDrive_file, component: MkDrive_file,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkDrive_file, return {
components: {
MkDrive_file,
},
props: Object.keys(argTypes),
template: '<MkDrive_file v-bind="$props" />',
};
}, },
template: '<MkDrive_file />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkDrive_folder, component: MkDrive_folder,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkDrive_folder, return {
components: {
MkDrive_folder,
},
props: Object.keys(argTypes),
template: '<MkDrive_folder v-bind="$props" />',
};
}, },
template: '<MkDrive_folder />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkDrive_navFolder, component: MkDrive_navFolder,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkDrive_navFolder, return {
components: {
MkDrive_navFolder,
},
props: Object.keys(argTypes),
template: '<MkDrive_navFolder v-bind="$props" />',
};
}, },
template: '<MkDrive_navFolder />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkDrive, component: MkDrive,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkDrive, return {
components: {
MkDrive,
},
props: Object.keys(argTypes),
template: '<MkDrive v-bind="$props" />',
};
}, },
template: '<MkDrive />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkDriveFileThumbnail, component: MkDriveFileThumbnail,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkDriveFileThumbnail, return {
components: {
MkDriveFileThumbnail,
},
props: Object.keys(argTypes),
template: '<MkDriveFileThumbnail v-bind="$props" />',
};
}, },
template: '<MkDriveFileThumbnail />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkDriveSelectDialog, component: MkDriveSelectDialog,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkDriveSelectDialog, return {
components: {
MkDriveSelectDialog,
},
props: Object.keys(argTypes),
template: '<MkDriveSelectDialog v-bind="$props" />',
};
}, },
template: '<MkDriveSelectDialog />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkDriveWindow, component: MkDriveWindow,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkDriveWindow, return {
components: {
MkDriveWindow,
},
props: Object.keys(argTypes),
template: '<MkDriveWindow v-bind="$props" />',
};
}, },
template: '<MkDriveWindow />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkEmojiPicker_section, component: MkEmojiPicker_section,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkEmojiPicker_section, return {
components: {
MkEmojiPicker_section,
},
props: Object.keys(argTypes),
template: '<MkEmojiPicker_section v-bind="$props" />',
};
}, },
template: '<MkEmojiPicker_section />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkEmojiPicker, component: MkEmojiPicker,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkEmojiPicker, return {
components: {
MkEmojiPicker,
},
props: Object.keys(argTypes),
template: '<MkEmojiPicker v-bind="$props" />',
};
}, },
template: '<MkEmojiPicker />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkEmojiPickerDialog, component: MkEmojiPickerDialog,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkEmojiPickerDialog, return {
components: {
MkEmojiPickerDialog,
},
props: Object.keys(argTypes),
template: '<MkEmojiPickerDialog v-bind="$props" />',
};
}, },
template: '<MkEmojiPickerDialog />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkEmojiPickerWindow, component: MkEmojiPickerWindow,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkEmojiPickerWindow, return {
components: {
MkEmojiPickerWindow,
},
props: Object.keys(argTypes),
template: '<MkEmojiPickerWindow v-bind="$props" />',
};
}, },
template: '<MkEmojiPickerWindow />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkFeaturedPhotos, component: MkFeaturedPhotos,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkFeaturedPhotos, return {
components: {
MkFeaturedPhotos,
},
props: Object.keys(argTypes),
template: '<MkFeaturedPhotos v-bind="$props" />',
};
}, },
template: '<MkFeaturedPhotos />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkFileCaptionEditWindow, component: MkFileCaptionEditWindow,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkFileCaptionEditWindow, return {
components: {
MkFileCaptionEditWindow,
},
props: Object.keys(argTypes),
template: '<MkFileCaptionEditWindow v-bind="$props" />',
};
}, },
template: '<MkFileCaptionEditWindow />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkFileListForAdmin, component: MkFileListForAdmin,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkFileListForAdmin, return {
components: {
MkFileListForAdmin,
},
props: Object.keys(argTypes),
template: '<MkFileListForAdmin v-bind="$props" />',
};
}, },
template: '<MkFileListForAdmin />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkFlashPreview, component: MkFlashPreview,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkFlashPreview, return {
components: {
MkFlashPreview,
},
props: Object.keys(argTypes),
template: '<MkFlashPreview v-bind="$props" />',
};
}, },
template: '<MkFlashPreview />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkFoldableSection, component: MkFoldableSection,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkFoldableSection, return {
components: {
MkFoldableSection,
},
props: Object.keys(argTypes),
template: '<MkFoldableSection v-bind="$props" />',
};
}, },
template: '<MkFoldableSection />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkFolder, component: MkFolder,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkFolder, return {
components: {
MkFolder,
},
props: Object.keys(argTypes),
template: '<MkFolder v-bind="$props" />',
};
}, },
template: '<MkFolder />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkFollowButton, component: MkFollowButton,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkFollowButton, return {
components: {
MkFollowButton,
},
props: Object.keys(argTypes),
template: '<MkFollowButton v-bind="$props" />',
};
}, },
template: '<MkFollowButton />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkForgotPassword, component: MkForgotPassword,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkForgotPassword, return {
components: {
MkForgotPassword,
},
props: Object.keys(argTypes),
template: '<MkForgotPassword v-bind="$props" />',
};
}, },
template: '<MkForgotPassword />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkFormDialog, component: MkFormDialog,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkFormDialog, return {
components: {
MkFormDialog,
},
props: Object.keys(argTypes),
template: '<MkFormDialog v-bind="$props" />',
};
}, },
template: '<MkFormDialog />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkGalleryPostPreview, component: MkGalleryPostPreview,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkGalleryPostPreview, return {
components: {
MkGalleryPostPreview,
},
props: Object.keys(argTypes),
template: '<MkGalleryPostPreview v-bind="$props" />',
};
}, },
template: '<MkGalleryPostPreview />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkGoogle, component: MkGoogle,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkGoogle, return {
components: {
MkGoogle,
},
props: Object.keys(argTypes),
template: '<MkGoogle v-bind="$props" />',
};
}, },
template: '<MkGoogle />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkHeatmap, component: MkHeatmap,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkHeatmap, return {
components: {
MkHeatmap,
},
props: Object.keys(argTypes),
template: '<MkHeatmap v-bind="$props" />',
};
}, },
template: '<MkHeatmap />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkImageViewer, component: MkImageViewer,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkImageViewer, return {
components: {
MkImageViewer,
},
props: Object.keys(argTypes),
template: '<MkImageViewer v-bind="$props" />',
};
}, },
template: '<MkImageViewer />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkImgWithBlurhash, component: MkImgWithBlurhash,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkImgWithBlurhash, return {
components: {
MkImgWithBlurhash,
},
props: Object.keys(argTypes),
template: '<MkImgWithBlurhash v-bind="$props" />',
};
}, },
template: '<MkImgWithBlurhash />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkInfo, component: MkInfo,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkInfo, return {
components: {
MkInfo,
},
props: Object.keys(argTypes),
template: '<MkInfo v-bind="$props" />',
};
}, },
template: '<MkInfo />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkInput, component: MkInput,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkInput, return {
components: {
MkInput,
},
props: Object.keys(argTypes),
template: '<MkInput v-bind="$props" />',
};
}, },
template: '<MkInput />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkInstanceCardMini, component: MkInstanceCardMini,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkInstanceCardMini, return {
components: {
MkInstanceCardMini,
},
props: Object.keys(argTypes),
template: '<MkInstanceCardMini v-bind="$props" />',
};
}, },
template: '<MkInstanceCardMini />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkInstanceStats, component: MkInstanceStats,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkInstanceStats, return {
components: {
MkInstanceStats,
},
props: Object.keys(argTypes),
template: '<MkInstanceStats v-bind="$props" />',
};
}, },
template: '<MkInstanceStats />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkInstanceTicker, component: MkInstanceTicker,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkInstanceTicker, return {
components: {
MkInstanceTicker,
},
props: Object.keys(argTypes),
template: '<MkInstanceTicker v-bind="$props" />',
};
}, },
template: '<MkInstanceTicker />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkKeyValue, component: MkKeyValue,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkKeyValue, return {
components: {
MkKeyValue,
},
props: Object.keys(argTypes),
template: '<MkKeyValue v-bind="$props" />',
};
}, },
template: '<MkKeyValue />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkLaunchPad, component: MkLaunchPad,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkLaunchPad, return {
components: {
MkLaunchPad,
},
props: Object.keys(argTypes),
template: '<MkLaunchPad v-bind="$props" />',
};
}, },
template: '<MkLaunchPad />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkLink, component: MkLink,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkLink, return {
components: {
MkLink,
},
props: Object.keys(argTypes),
template: '<MkLink v-bind="$props" />',
};
}, },
template: '<MkLink />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkMarquee, component: MkMarquee,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkMarquee, return {
components: {
MkMarquee,
},
props: Object.keys(argTypes),
template: '<MkMarquee v-bind="$props" />',
};
}, },
template: '<MkMarquee />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkMediaBanner, component: MkMediaBanner,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkMediaBanner, return {
components: {
MkMediaBanner,
},
props: Object.keys(argTypes),
template: '<MkMediaBanner v-bind="$props" />',
};
}, },
template: '<MkMediaBanner />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkMediaImage, component: MkMediaImage,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkMediaImage, return {
components: {
MkMediaImage,
},
props: Object.keys(argTypes),
template: '<MkMediaImage v-bind="$props" />',
};
}, },
template: '<MkMediaImage />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkMediaList, component: MkMediaList,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkMediaList, return {
components: {
MkMediaList,
},
props: Object.keys(argTypes),
template: '<MkMediaList v-bind="$props" />',
};
}, },
template: '<MkMediaList />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkMediaVideo, component: MkMediaVideo,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkMediaVideo, return {
components: {
MkMediaVideo,
},
props: Object.keys(argTypes),
template: '<MkMediaVideo v-bind="$props" />',
};
}, },
template: '<MkMediaVideo />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkMention, component: MkMention,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkMention, return {
components: {
MkMention,
},
props: Object.keys(argTypes),
template: '<MkMention v-bind="$props" />',
};
}, },
template: '<MkMention />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkMenu_child, component: MkMenu_child,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkMenu_child, return {
components: {
MkMenu_child,
},
props: Object.keys(argTypes),
template: '<MkMenu_child v-bind="$props" />',
};
}, },
template: '<MkMenu_child />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkMenu, component: MkMenu,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkMenu, return {
components: {
MkMenu,
},
props: Object.keys(argTypes),
template: '<MkMenu v-bind="$props" />',
};
}, },
template: '<MkMenu />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkMiniChart, component: MkMiniChart,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkMiniChart, return {
components: {
MkMiniChart,
},
props: Object.keys(argTypes),
template: '<MkMiniChart v-bind="$props" />',
};
}, },
template: '<MkMiniChart />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkModal, component: MkModal,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkModal, return {
components: {
MkModal,
},
props: Object.keys(argTypes),
template: '<MkModal v-bind="$props" />',
};
}, },
template: '<MkModal />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkModalPageWindow, component: MkModalPageWindow,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkModalPageWindow, return {
components: {
MkModalPageWindow,
},
props: Object.keys(argTypes),
template: '<MkModalPageWindow v-bind="$props" />',
};
}, },
template: '<MkModalPageWindow />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkModalWindow, component: MkModalWindow,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkModalWindow, return {
components: {
MkModalWindow,
},
props: Object.keys(argTypes),
template: '<MkModalWindow v-bind="$props" />',
};
}, },
template: '<MkModalWindow />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkNote, component: MkNote,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkNote, return {
components: {
MkNote,
},
props: Object.keys(argTypes),
template: '<MkNote v-bind="$props" />',
};
}, },
template: '<MkNote />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkNoteDetailed, component: MkNoteDetailed,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkNoteDetailed, return {
components: {
MkNoteDetailed,
},
props: Object.keys(argTypes),
template: '<MkNoteDetailed v-bind="$props" />',
};
}, },
template: '<MkNoteDetailed />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkNoteHeader, component: MkNoteHeader,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkNoteHeader, return {
components: {
MkNoteHeader,
},
props: Object.keys(argTypes),
template: '<MkNoteHeader v-bind="$props" />',
};
}, },
template: '<MkNoteHeader />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkNotePreview, component: MkNotePreview,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkNotePreview, return {
components: {
MkNotePreview,
},
props: Object.keys(argTypes),
template: '<MkNotePreview v-bind="$props" />',
};
}, },
template: '<MkNotePreview />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkNoteSimple, component: MkNoteSimple,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkNoteSimple, return {
components: {
MkNoteSimple,
},
props: Object.keys(argTypes),
template: '<MkNoteSimple v-bind="$props" />',
};
}, },
template: '<MkNoteSimple />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkNoteSub, component: MkNoteSub,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkNoteSub, return {
components: {
MkNoteSub,
},
props: Object.keys(argTypes),
template: '<MkNoteSub v-bind="$props" />',
};
}, },
template: '<MkNoteSub />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkNotes, component: MkNotes,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkNotes, return {
components: {
MkNotes,
},
props: Object.keys(argTypes),
template: '<MkNotes v-bind="$props" />',
};
}, },
template: '<MkNotes />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkNotification, component: MkNotification,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkNotification, return {
components: {
MkNotification,
},
props: Object.keys(argTypes),
template: '<MkNotification v-bind="$props" />',
};
}, },
template: '<MkNotification />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkNotificationSettingWindow, component: MkNotificationSettingWindow,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkNotificationSettingWindow, return {
components: {
MkNotificationSettingWindow,
},
props: Object.keys(argTypes),
template: '<MkNotificationSettingWindow v-bind="$props" />',
};
}, },
template: '<MkNotificationSettingWindow />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkNotifications, component: MkNotifications,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkNotifications, return {
components: {
MkNotifications,
},
props: Object.keys(argTypes),
template: '<MkNotifications v-bind="$props" />',
};
}, },
template: '<MkNotifications />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkNumber, component: MkNumber,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkNumber, return {
components: {
MkNumber,
},
props: Object.keys(argTypes),
template: '<MkNumber v-bind="$props" />',
};
}, },
template: '<MkNumber />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkNumberDiff, component: MkNumberDiff,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkNumberDiff, return {
components: {
MkNumberDiff,
},
props: Object.keys(argTypes),
template: '<MkNumberDiff v-bind="$props" />',
};
}, },
template: '<MkNumberDiff />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkObjectView, component: MkObjectView,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkObjectView, return {
components: {
MkObjectView,
},
props: Object.keys(argTypes),
template: '<MkObjectView v-bind="$props" />',
};
}, },
template: '<MkObjectView />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkObjectView_value, component: MkObjectView_value,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkObjectView_value, return {
components: {
MkObjectView_value,
},
props: Object.keys(argTypes),
template: '<MkObjectView_value v-bind="$props" />',
};
}, },
template: '<MkObjectView_value />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkOmit, component: MkOmit,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkOmit, return {
components: {
MkOmit,
},
props: Object.keys(argTypes),
template: '<MkOmit v-bind="$props" />',
};
}, },
template: '<MkOmit />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkPagePreview, component: MkPagePreview,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkPagePreview, return {
components: {
MkPagePreview,
},
props: Object.keys(argTypes),
template: '<MkPagePreview v-bind="$props" />',
};
}, },
template: '<MkPagePreview />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkPageWindow, component: MkPageWindow,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkPageWindow, return {
components: {
MkPageWindow,
},
props: Object.keys(argTypes),
template: '<MkPageWindow v-bind="$props" />',
};
}, },
template: '<MkPageWindow />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkPagination, component: MkPagination,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkPagination, return {
components: {
MkPagination,
},
props: Object.keys(argTypes),
template: '<MkPagination v-bind="$props" />',
};
}, },
template: '<MkPagination />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkPlusOneEffect, component: MkPlusOneEffect,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkPlusOneEffect, return {
components: {
MkPlusOneEffect,
},
props: Object.keys(argTypes),
template: '<MkPlusOneEffect v-bind="$props" />',
};
}, },
template: '<MkPlusOneEffect />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkPoll, component: MkPoll,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkPoll, return {
components: {
MkPoll,
},
props: Object.keys(argTypes),
template: '<MkPoll v-bind="$props" />',
};
}, },
template: '<MkPoll />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkPollEditor, component: MkPollEditor,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkPollEditor, return {
components: {
MkPollEditor,
},
props: Object.keys(argTypes),
template: '<MkPollEditor v-bind="$props" />',
};
}, },
template: '<MkPollEditor />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkPopupMenu, component: MkPopupMenu,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkPopupMenu, return {
components: {
MkPopupMenu,
},
props: Object.keys(argTypes),
template: '<MkPopupMenu v-bind="$props" />',
};
}, },
template: '<MkPopupMenu />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

View file

@ -5,10 +5,15 @@ const meta = {
component: MkPostForm, component: MkPostForm,
}; };
export const Default = { export const Default = {
components: { render(args, { argTypes }) {
MkPostForm, return {
components: {
MkPostForm,
},
props: Object.keys(argTypes),
template: '<MkPostForm v-bind="$props" />',
};
}, },
template: '<MkPostForm />',
parameters: { parameters: {
layout: 'centered', layout: 'centered',
}, },

Some files were not shown because too many files have changed in this diff Show more