pinafore/routes/_components/Timeline.html

<ul>
  {{#each statuses as status}}
  <li>
    <Status :status />
  </li>
  {{/each}}
</ul>
<style>
  ul {
    list-style: none;
    padding-right: 10px;
  }
</style>
<script>
  import { store } from '../_utils/store'
  import { getHomeTimeline } from '../_utils/mastodon'
  import fixture from '../_utils/fixture.json'
  import Status from './Status.html'

  export default {
    oncreate: async function () {
      if (process.browser) {
        let instanceData = this.store.get('currentOauthInstance')
        if (!instanceData) {
          return
        }
        let response = fixture
        // let response = await (await getHomeTimeline(instanceData.instanceName, instanceData.access_token)).json()
        if (process.env.NODE_ENV !== 'production') {
          console.log(response)
        }
        this.set({'statuses': response})
      }
    },
    data: () => ({
      target: 'home',
      statuses: []
    }),
    store: () => store,
    components: {
      Status
    }
  }
</script>