45 lines
		
	
	
		
			No EOL
		
	
	
		
			1,000 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			45 lines
		
	
	
		
			No EOL
		
	
	
		
			1,000 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/oauth'
 | |
|   import fixture from '../_utils/fixture.json'
 | |
|   import Status from './Status.html'
 | |
| 
 | |
|   export default {
 | |
|     oncreate: async function () {
 | |
|       if (!process.browser) {
 | |
|         return
 | |
|       }
 | |
|       let instanceData = this.store.get('currentInstance')
 | |
|       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> |