storybook/docs/snippets/vue/loader-story.3.js.mdx
2021-07-02 21:29:08 +01:00

28 lines
519 B
Plaintext

```js
// TodoItem.stories.js
import TodoItem from './TodoItem.vue';
import fetch from 'node-fetch';
export default {
component: TodoItem,
title: 'Examples/Loader',
};
export const Primary = (args, { loaded: { todo } }) => {
return {
components: { TodoItem },
setup() {
return { args, todo: todo };
},
template: `<TodoItem :todo="todo"/>`,
};
};
SampleStory.loaders = [
async () => ({
todo: await (await fetch('https://jsonplaceholder.typicode.com/todos/1')).json(),
}),
];
```