```js
// List.stories.js

import List from './List.vue';
import ListItem from './ListItem.vue';

//👇 Imports a specific story from ListItem stories
import { Unchecked } from './ListItem.stories';

const ListTemplate = (args) => ({
  components: { List, ListItem },
  setup() {
    return { args };
  },
  template: `
    <List v-bind="args">
      <div v-for="item in items" :key="item.title">
        <ListItem :item="item"/>
      </div>
    </List>
    `,
});

export const Empty = ListTemplate.bind({});
Empty.args = {
  items: [],
};

export const OneItem = ListTemplate.bind({});
OneItem.args = {
  items: [
    {
      ...Unchecked.args,
    },
  ],
};
```