<:Head>
	<title>Pinafore</title>
</:Head>

<Layout page='home'>
  {{#if $isUserLoggedIn}}
  <div><Timeline target='home' /></div>
  {{else}}
  <NotLoggedInHome/>
  {{/if}}
</Layout>


<script>
  import Layout from './_components/Layout.html'
  import NotLoggedInHome from './_components/NotLoggedInHome.html'
  import Timeline from './_components/Timeline.html'
  import { store } from './_utils/store.js'

	export default {
		store: () => store,
		components: {
		  Layout,
			Timeline,
			NotLoggedInHome
		}
	}
</script>
<style>
</style>