dont use [...path] routing since it breaks building statically

frontend/pages/warrens/index.vue

@@ -1,26 +1,35 @@
 <script setup lang="ts">
 import { ScrollArea } from '@/components/ui/scroll-area';
+import type { Warren } from '~/types/warrens';
 
 definePageMeta({
     middleware: ['authenticated'],
 });
 
 const store = useWarrenStore();
+
+function selectWarren(warren: Warren) {
+    store.setCurrentWarren(warren.id, '/');
+    navigateTo({
+        path: '/warrens/files',
+    });
+}
 </script>
 
 <template>
     <ScrollArea class="h-full w-full">
         <div class="flex flex-row gap-2">
-            <NuxtLink
+            <Button
                 v-for="(warren, uuid) in store.warrens"
                 :key="uuid"
-                :to="`/warrens/${uuid}`"
+                class="h-12 w-44"
+                variant="outline"
+                size="lg"
+                @click="() => selectWarren(warren)"
             >
-                <Button class="h-12 w-44" variant="outline" size="lg">
-                    <Icon name="lucide:folder-root" />
-                    <span clas="truncate">{{ warren.name }}</span>
-                </Button>
-            </NuxtLink>
+                <Icon name="lucide:folder-root" />
+                <span clas="truncate">{{ warren.name }}</span>
+            </Button>
         </div>
     </ScrollArea>
 </template>