generated from legonzaur/webapp-front
54 lines
909 B
Vue
54 lines
909 B
Vue
<script setup lang="ts">
|
|
import { useUserStore } from "~/store/user.store";
|
|
import { useLobbyStore } from "./store/lobby.store";
|
|
import PageHeader from "./components/pageHeader.vue";
|
|
const userStore = useUserStore();
|
|
const lobbyStore = useLobbyStore();
|
|
|
|
void userStore.whoami();
|
|
void lobbyStore.fetchGames();
|
|
|
|
|
|
onBeforeMount(() => {
|
|
lobbyStore.subscribe();
|
|
});
|
|
|
|
onBeforeUnmount(() => {
|
|
lobbyStore.close();
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<NuxtRouteAnnouncer />
|
|
<NuxtLayout>
|
|
<NuxtLoadingIndicator> Loading... </NuxtLoadingIndicator>
|
|
<PageHeader />
|
|
<NuxtPage />
|
|
</NuxtLayout>
|
|
</template>
|
|
|
|
<style>
|
|
@import "vue-multiselect/dist/vue-multiselect.css";
|
|
|
|
html {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
}
|
|
|
|
#__nuxt {
|
|
height: 100%;
|
|
display: grid;
|
|
grid-template-areas:
|
|
"header"
|
|
"main";
|
|
grid-template-rows: min-content 1fr;
|
|
}
|
|
</style>
|