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

frontend/components/DirectoryEntry.vue

@@ -9,8 +9,7 @@ import {
 import { deleteWarrenDirectory, deleteWarrenFile } from '~/lib/api/warrens';
 import type { DirectoryEntry } from '~/types';
 
-const route = useRoute();
-const warrenRoute = useWarrenRoute();
+const warrenStore = useWarrenStore();
 const renameDialog = useRenameDirectoryDialog();
 
 const { entry, disabled } = defineProps<{
@@ -21,12 +20,25 @@ const { entry, disabled } = defineProps<{
 const deleting = ref(false);
 
 async function submitDelete(force: boolean = false) {
+    if (warrenStore.current == null) {
+        return;
+    }
+
     deleting.value = true;
 
     if (entry.fileType === 'directory') {
-        await deleteWarrenDirectory(warrenRoute.value, entry.name, force);
+        await deleteWarrenDirectory(
+            warrenStore.current.warrenId,
+            warrenStore.current.path,
+            entry.name,
+            force
+        );
     } else {
-        await deleteWarrenFile(warrenRoute.value, entry.name);
+        await deleteWarrenFile(
+            warrenStore.current.warrenId,
+            warrenStore.current.path,
+            entry.name
+        );
     }
 
     deleting.value = false;
@@ -40,32 +52,32 @@ async function openRenameDialog() {
 <template>
     <ContextMenu>
         <ContextMenuTrigger>
-            <NuxtLink
-                :to="joinPaths(route.path, entry.name)"
+            <button
                 :class="[
-                    'bg-accent/30 border-border flex w-52 flex-row gap-4 rounded-md border-1 px-4 py-2 select-none',
+                    'bg-accent/30 border-border flex w-52 flex-row gap-4 overflow-hidden rounded-md border-1 px-4 py-2 select-none',
                     {
                         'pointer-events-none':
                             disabled || entry.fileType === 'file',
                     },
                 ]"
+                @click="() => warrenStore.addToCurrentWarrenPath(entry.name)"
             >
                 <div class="flex flex-row items-center">
                     <Icon class="size-6" :name="getFileIcon(entry.mimeType)" />
                 </div>
 
                 <div
-                    class="flex flex-col gap-0 truncate overflow-hidden leading-6"
+                    class="flex w-full flex-col items-start justify-stretch gap-0 overflow-hidden text-left leading-6"
                 >
-                    <span>{{ entry.name }}</span>
+                    <span class="w-full truncate">{{ entry.name }}</span>
                     <NuxtTime
                         v-if="entry.createdAt != null"
                         :datetime="entry.createdAt * 1000"
-                        class="text-muted-foreground text-sm"
+                        class="text-muted-foreground w-full truncate text-sm"
                         relative
                     ></NuxtTime>
                 </div>
-            </NuxtLink>
+            </button>
         </ContextMenuTrigger>
         <ContextMenuContent>
             <ContextMenuItem @select="openRenameDialog">