pinafore/routes/_components/Layout.html

34 lines
724 B
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 '../_utils/store'
export default {
oncreate() {
this.observe('online', online => {
this.store.set({online: online})
})
},
components: {
VirtualListContainer,
Nav
},
store: () => store
}
</script>