Initial commit

app.vue

@@ -0,0 +1,53 @@
+<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>