Intro & Fetch

src/components/app/Layout.vue

@@ -1,10 +1,21 @@
 <script setup>
+import {useUserStore} from "@/pinia/user";
+import {onBeforeMount} from "vue";
+import {useRoute} from "vue-router";
 
+const userStore = useUserStore();
+const route = useRoute();
+onBeforeMount(async () => {
+  const user = await userStore.getUser();
+  if (!user && !["/#/login", "/#/register"].includes(route.fullPath)) {
+    location.href = ('/#/login');
+  }
+})
 </script>
 
 <template>
   <div id="app-layout">
-    <slot></slot>
+    <slot v-if="userStore.user"></slot>
   </div>
 </template>