semaphore/routes/_components/Layout.html

<:Window bind:online />
<Nav :page :dynamicPage :dynamicHref :dynamicIcon :dynamicLabel/>

{{#if virtual}}
  <VirtualListContainer realm="{{$currentInstance + '/' + virtualRealm}}">
    <main>
      <slot></slot>
    </main>
  </VirtualListContainer>
{{else}}
  <div class="container">
    <main>
      <slot></slot>
    </main>
  </div>
{{/if}}
<script>
	import Nav from './Nav.html';
	import VirtualListContainer from './virtualList/VirtualListContainer.html'
  import { store } from '../_store/store'

	export default {
	  oncreate() {
	    this.observe('online', online => {
	      this.store.set({online: online})
      })
    },
		components: {
		  VirtualListContainer,
			Nav
		},
    store: () => store
	}
</script>