feat(app): multi-tenant structure with tenancy identifier (string)

components/navigation/RouteList.vue

@@ -1,34 +1,35 @@
 <script setup lang="ts">
+const route = useRoute();
 const routes = [
   {
     name: "home",
-    path: "/dashboard",
+    path: "dashboard",
   },
   {
     name: "teams",
-    path: "/dashboard/teams",
+    path: "dashboard/teams",
   },
   {
     name: "live",
-    path: "/dashboard/live",
+    path: "dashboard/live",
   },
   {
     name: "leaderboard",
-    path: "/dashboard/leaderboard",
+    path: "dashboard/leaderboard",
   },
   {
     name: "schedule",
-    path: "/dashboard/schedule",
+    path: "dashboard/schedule",
   },
 ];
 </script>
 
 <template>
   <nav class="flex-grow">
     <ul>
-      <li v-for="route in routes" :key="route.name">
-        <NuxtLink :to="route.path">
-          {{ $t(`navigation.routes.${route.name}`) }}
+      <li v-for="child in routes" :key="child.name">
+        <NuxtLink :to="`/${route.params.tenancy}/${child.path}`">
+          {{ $t(`navigation.routes.${child.name}`) }}
         </NuxtLink>
       </li>
     </ul>

pages/[tenancy]/index.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+const route = useRoute();
+const names = {
+  knury: "Knury Knurów",
+};
+</script>
+
+<template>
+  <section class="w-screen h-screen grid place-content-center">
+    <h1>Welcome {{ names[route.params.tenancy] || "Error" }}!</h1>
+    <NuxtLink :to="`${route.params.tenancy}/dashboard`">Dashboard</NuxtLink>
+  </section>
+</template>