storybook/docs/snippets/vue/loader-story.3.js.mdx
2021-08-28 01:52:57 +01:00

27 lines
492 B
Plaintext

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