pinafore/routes/_components/Timeline.html

44 lines
1003 B
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>