hypnagaga/src/components/SEO/SEO.stories.svelte
2024-11-19 18:48:51 +00:00

47 lines
1.1 KiB
Svelte

<script context="module" lang="ts">
// @ts-ignore raw
import componentDocs from './stories/docs/component.md?raw';
// @ts-ignore raw
import quickitDocs from './stories/docs/quickit.md?raw';
import SEO from './SEO.svelte';
import {
withComponentDocs,
withStoryDocs,
} from '$lib/docs/utils/withParams.js';
export const meta = {
title: 'Components/SEO',
component: SEO,
...withComponentDocs(componentDocs),
};
</script>
<script>
import { Template, Story } from '@storybook/addon-svelte-csf';
</script>
<Template let:args>
<SEO {...args} />
<div>Nothing to see here. 😎</div>
</Template>
<Story
name="Default"
args="{{
baseUrl: 'https://graphics.reuters.com',
pageUrl: new URL('https://graphics.reuters.com/hello-world/'),
publishTime: new Date('2020-09-15').toISOString(),
}}"
/>
<Story
name="🚀 QUICKIT"
args="{{
baseUrl: 'https://graphics.reuters.com',
pageUrl: new URL('https://graphics.reuters.com/hello-world/'),
publishTime: new Date('2020-09-15').toISOString(),
}}"
{...withStoryDocs(quickitDocs)}
/>