36 lines
785 B
Vue
36 lines
785 B
Vue
<script setup lang="ts">
|
|
import { useUserStore } from "~/store/user.store";
|
|
import { useLobbyStore } from "./store/lobby.store";
|
|
import { useConceptStore } from "./store/concepts.store";
|
|
const userStore = useUserStore();
|
|
const lobbyStore = useLobbyStore();
|
|
const conceptStore = useConceptStore()
|
|
|
|
void userStore.whoami();
|
|
void conceptStore.fetchConceptTypes();
|
|
void lobbyStore.fetchGames();
|
|
|
|
onBeforeMount(() => {
|
|
lobbyStore.subscribe();
|
|
});
|
|
|
|
onBeforeUnmount(() => {
|
|
lobbyStore.close();
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<NuxtRouteAnnouncer />
|
|
<NuxtLayout>
|
|
<NuxtLoadingIndicator> Loading... </NuxtLoadingIndicator>
|
|
<ConceptHeader />
|
|
<NuxtPage />
|
|
</NuxtLayout>
|
|
</div>
|
|
</template>
|
|
|
|
<style>
|
|
@import "vue-multiselect/dist/vue-multiselect.css";
|
|
</style>
|