<ul>
  {{#each statuses as status}}
  <li>
    <Status :status />
  </li>
  {{/each}}
</ul>
<style>
  ul {
    list-style: none;
    padding-right: 10px;
  }
  li {
    border-bottom: 1px solid var(--main-border);
  }
</style>
<script>
  import { store } from '../_utils/store'
  import { getHomeTimeline } from '../_utils/mastodon/oauth'
  import fixture from '../_utils/fixture.json'
  import Status from './Status.html'

  export default {
    data: () => ({
      target: 'home',
      statuses: fixture
    }),
    store: () => store,
    components: {
      Status
    }
  }
</script>