semaphore/routes/_components/Timeline.html

<ul>
  {{#each statuses as status}}
  <Status :status />
  {{/each}}
</ul>
<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>