From 9fc8cf4e8f5af22d7322bd0719f502f6612c8e57 Mon Sep 17 00:00:00 2001
From: tonyaellie <tonya@tokia.dev>
Date: Fri, 29 Aug 2025 19:37:44 +0100
Subject: [PATCH] feat: sort all type issues

---
 frontend/components/Item/Selector.vue                |  6 +++---
 frontend/components/Item/View/Selectable.vue         |  3 +++
 frontend/components/Item/View/Table.types.ts         |  1 +
 frontend/components/Item/View/Table.vue              | 11 ++++++++++-
 frontend/components/Label/Chip.vue                   |  1 +
 frontend/components/Label/CreateModal.vue            |  5 ++++-
 frontend/components/Label/Selector.vue               |  1 +
 frontend/components/Location/Card.vue                |  5 ++---
 frontend/components/Location/CreateModal.vue         |  5 ++++-
 frontend/components/Location/Tree/Node.vue           |  2 ++
 frontend/components/Location/Tree/Root.vue           |  1 +
 frontend/components/Maintenance/EditModal.vue        |  3 +++
 frontend/components/Maintenance/ListView.vue         |  7 +++++++
 frontend/components/Search/Filter.vue                |  4 ++--
 frontend/components/global/CopyText.vue              |  1 +
 frontend/components/global/Currency.vue              |  4 +---
 .../global/DetailsSection/DetailsSection.vue         |  5 +++++
 frontend/components/global/Markdown.vue              |  2 +-
 frontend/components/global/Table.types.ts            |  1 +
 frontend/composables/use-api.ts                      |  1 +
 frontend/composables/use-auth-context.ts             |  2 +-
 frontend/composables/use-confirm.ts                  |  1 +
 frontend/composables/use-defer.ts                    |  1 +
 frontend/composables/use-route-params.ts             |  1 +
 frontend/composables/use-server-events.ts            |  2 +-
 frontend/error.vue                                   |  1 +
 frontend/eslint.config.mjs                           |  1 +
 frontend/layouts/default.vue                         | 12 +++++++++++-
 frontend/lib/api/__test__/factories/index.ts         |  4 ++--
 frontend/lib/api/base/base-api.ts                    |  7 ++++---
 frontend/pages/assets/[id].vue                       |  5 ++++-
 frontend/pages/index.vue                             |  4 ++++
 frontend/pages/item/[id]/index/maintenance.vue       |  2 ++
 33 files changed, 88 insertions(+), 24 deletions(-)

diff --git a/frontend/components/Item/Selector.vue b/frontend/components/Item/Selector.vue
index 6ac594fb..afde2dbc 100644
--- a/frontend/components/Item/Selector.vue
+++ b/frontend/components/Item/Selector.vue
@@ -55,9 +55,9 @@
   };
 
   interface Props {
-    label: string;
-    modelValue: string | ItemsObject | null | undefined;
-    items: ItemsObject[] | string[];
+    label?: string;
+    modelValue?: string | ItemsObject | null | undefined;
+    items?: ItemsObject[] | string[];
     itemText?: string;
     itemValue?: string;
     search?: string;
diff --git a/frontend/components/Item/View/Selectable.vue b/frontend/components/Item/View/Selectable.vue
index 559c294c..c660b5ca 100644
--- a/frontend/components/Item/View/Selectable.vue
+++ b/frontend/components/Item/View/Selectable.vue
@@ -5,6 +5,9 @@
   import MdiTable from "~icons/mdi/table";
   import { Badge } from "@/components/ui/badge";
   import { Button, ButtonGroup } from "@/components/ui/button";
+  import BaseSectionHeader from "@/components/Base/SectionHeader.vue";
+  import ItemCard from "@/components/Item/Card.vue";
+  import ItemViewTable from "@/components/Item/View/Table.vue";
 
   type Props = {
     view?: ViewType;
diff --git a/frontend/components/Item/View/Table.types.ts b/frontend/components/Item/View/Table.types.ts
index 91c271f4..b445cb6e 100644
--- a/frontend/components/Item/View/Table.types.ts
+++ b/frontend/components/Item/View/Table.types.ts
@@ -9,4 +9,5 @@ export type TableHeaderType = {
   type?: "price" | "boolean" | "name" | "location" | "date";
 };
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export type TableData = Record<string, any>;
diff --git a/frontend/components/Item/View/Table.vue b/frontend/components/Item/View/Table.vue
index 62f19062..e275706d 100644
--- a/frontend/components/Item/View/Table.vue
+++ b/frontend/components/Item/View/Table.vue
@@ -133,7 +133,7 @@
         :sibling-count="2"
         @update:page="pagination.page = $event"
       >
-        <PaginationList v-slot="{ pageItems }" class="flex items-center gap-1">
+        <PaginationList v-slot="{ items: pageItems }" class="flex items-center gap-1">
           <PaginationFirst />
           <template v-for="(item, index) in pageItems">
             <PaginationListItem v-if="item.type === 'page'" :key="index" :value="item.value" as-child>
@@ -175,6 +175,12 @@
   import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog";
   import { useDialog } from "@/components/ui/dialog-provider";
   import { DialogID } from "~/components/ui/dialog-provider/utils";
+  import { Button } from "@/components/ui/button";
+  import { Label } from "@/components/ui/label";
+  import BaseCard from "@/components/Base/Card.vue";
+  import Currency from "~/components/global/Currency.vue";
+  import { NuxtLink } from "#components";
+  import DateTime from "~/components/global/DateTime.vue";
 
   const { openDialog, closeDialog } = useDialog();
 
@@ -225,6 +231,9 @@
   };
   const moveHeader = (from: number, to: number) => {
     const header = headers.value[from];
+    if (!header) {
+      return;
+    }
     headers.value.splice(from, 1);
     headers.value.splice(to, 0, header);
 
diff --git a/frontend/components/Label/Chip.vue b/frontend/components/Label/Chip.vue
index c1b4a0f8..2c873279 100644
--- a/frontend/components/Label/Chip.vue
+++ b/frontend/components/Label/Chip.vue
@@ -3,6 +3,7 @@
   import MdiArrowUp from "~icons/mdi/arrow-up";
   import MdiTagOutline from "~icons/mdi/tag-outline";
   import { getContrastTextColor } from "~/lib/utils";
+  import { NuxtLink } from "#components";
 
   export type sizes = "sm" | "md" | "lg" | "xl";
   defineProps({
diff --git a/frontend/components/Label/CreateModal.vue b/frontend/components/Label/CreateModal.vue
index 74fa1c3c..b0a70c0c 100644
--- a/frontend/components/Label/CreateModal.vue
+++ b/frontend/components/Label/CreateModal.vue
@@ -34,6 +34,9 @@
   import BaseModal from "@/components/App/CreateModal.vue";
   import { useDialog, useDialogHotkey } from "~/components/ui/dialog-provider";
   import ColorSelector from "@/components/Form/ColorSelector.vue";
+  import FormTextField from "~/components/Form/TextField.vue";
+  import FormTextArea from "~/components/Form/TextArea.vue";
+  import { Button, ButtonGroup } from "~/components/ui/button";
 
   const { t } = useI18n();
 
@@ -72,7 +75,7 @@
 
     loading.value = true;
 
-    if (shift.value) close = false;
+    if (shift?.value) close = false;
 
     const { error, data } = await api.labels.create(form);
 
diff --git a/frontend/components/Label/Selector.vue b/frontend/components/Label/Selector.vue
index e12ca16f..8609aac6 100644
--- a/frontend/components/Label/Selector.vue
+++ b/frontend/components/Label/Selector.vue
@@ -90,6 +90,7 @@
     TagsInputItemText,
   } from "@/components/ui/tags-input";
   import type { LabelOut } from "~/lib/api/types/data-contracts";
+  import { Label } from "@/components/ui/label";
 
   const { t } = useI18n();
 
diff --git a/frontend/components/Location/Card.vue b/frontend/components/Location/Card.vue
index 54fdbad7..39e6432f 100644
--- a/frontend/components/Location/Card.vue
+++ b/frontend/components/Location/Card.vue
@@ -34,6 +34,7 @@
   import MdiMapMarkerOutline from "~icons/mdi/map-marker-outline";
   import { Card } from "@/components/ui/card";
   import { Badge } from "@/components/ui/badge";
+  import { NuxtLink } from "#components";
 
   const props = defineProps({
     location: {
@@ -51,8 +52,6 @@
   });
 
   const count = computed(() => {
-    if (hasCount.value) {
-      return (props.location as LocationOutCount).itemCount;
-    }
+    return hasCount.value ? (props.location as LocationOutCount).itemCount : undefined;
   });
 </script>
diff --git a/frontend/components/Location/CreateModal.vue b/frontend/components/Location/CreateModal.vue
index a03abb9a..b8ad5c39 100644
--- a/frontend/components/Location/CreateModal.vue
+++ b/frontend/components/Location/CreateModal.vue
@@ -37,6 +37,9 @@
   import BaseModal from "@/components/App/CreateModal.vue";
   import type { LocationSummary } from "~~/lib/api/types/data-contracts";
   import { useDialog, useDialogHotkey } from "~/components/ui/dialog-provider";
+  import LocationSelector from "~/components/Location/Selector.vue";
+  import FormTextField from "~/components/Form/TextField.vue";
+  import FormTextArea from "~/components/Form/TextArea.vue";
 
   const { t } = useI18n();
 
@@ -94,7 +97,7 @@
     }
     loading.value = true;
 
-    if (shift.value) close = false;
+    if (shift?.value) close = false;
 
     const { data, error } = await api.locations.create({
       name: form.name,
diff --git a/frontend/components/Location/Tree/Node.vue b/frontend/components/Location/Tree/Node.vue
index 5e89247d..c833d8e8 100644
--- a/frontend/components/Location/Tree/Node.vue
+++ b/frontend/components/Location/Tree/Node.vue
@@ -4,6 +4,8 @@
   import MdiChevronRight from "~icons/mdi/chevron-right";
   import MdiMapMarker from "~icons/mdi/map-marker";
   import MdiPackageVariant from "~icons/mdi/package-variant";
+  import LocationTreeNode from "./Node.vue";
+  import { NuxtLink } from "#components";
 
   type Props = {
     treeId: string;
diff --git a/frontend/components/Location/Tree/Root.vue b/frontend/components/Location/Tree/Root.vue
index 6e65be91..469b1613 100644
--- a/frontend/components/Location/Tree/Root.vue
+++ b/frontend/components/Location/Tree/Root.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
   import type { TreeItem } from "~~/lib/api/types/data-contracts";
+  import LocationTreeNode from "./Node.vue";
 
   type Props = {
     locs: TreeItem[];
diff --git a/frontend/components/Maintenance/EditModal.vue b/frontend/components/Maintenance/EditModal.vue
index 37d48570..406e5653 100644
--- a/frontend/components/Maintenance/EditModal.vue
+++ b/frontend/components/Maintenance/EditModal.vue
@@ -34,6 +34,9 @@
   import DatePicker from "~~/components/Form/DatePicker.vue";
   import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog";
   import { useDialog } from "@/components/ui/dialog-provider";
+  import FormTextField from "~/components/Form/TextField.vue";
+  import FormTextArea from "~/components/Form/TextArea.vue";
+  import Button from "@/components/ui/button/Button.vue";
 
   const { openDialog, closeDialog } = useDialog();
 
diff --git a/frontend/components/Maintenance/ListView.vue b/frontend/components/Maintenance/ListView.vue
index ab0954c4..fbcdf468 100644
--- a/frontend/components/Maintenance/ListView.vue
+++ b/frontend/components/Maintenance/ListView.vue
@@ -14,6 +14,13 @@
   import { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider } from "@/components/ui/tooltip";
   import { Badge } from "@/components/ui/badge";
   import { ButtonGroup, Button } from "@/components/ui/button";
+  import StatCard from "~/components/global/StatCard/StatCard.vue";
+  import BaseCard from "@/components/Base/Card.vue";
+  import BaseSectionHeader from "@/components/Base/SectionHeader.vue";
+  import DateTime from "~/components/global/DateTime.vue";
+  import Currency from "~/components/global/Currency.vue";
+  import Markdown from "~/components/global/Markdown.vue";
+  import { NuxtLink } from "#components";
 
   const maintenanceFilterStatus = ref(MaintenanceFilterStatus.MaintenanceFilterStatusScheduled);
   const maintenanceEditModal = ref<InstanceType<typeof MaintenanceEditModal>>();
diff --git a/frontend/components/Search/Filter.vue b/frontend/components/Search/Filter.vue
index bab1d8e8..fdb92940 100644
--- a/frontend/components/Search/Filter.vue
+++ b/frontend/components/Search/Filter.vue
@@ -50,13 +50,13 @@
   import { Label } from "@/components/ui/label";
 
   type Props = {
-    label: string;
+    label?: string;
     options: {
       name: string;
       id: string;
       treeString?: string;
     }[];
-    modelValue: {
+    modelValue?: {
       name: string;
       id: string;
       treeString?: string;
diff --git a/frontend/components/global/CopyText.vue b/frontend/components/global/CopyText.vue
index da5f83f5..31903c9a 100644
--- a/frontend/components/global/CopyText.vue
+++ b/frontend/components/global/CopyText.vue
@@ -59,6 +59,7 @@
     AlertDialogHeader,
     AlertDialogTitle,
   } from "@/components/ui/alert-dialog";
+  import { Button } from "@/components/ui/button";
 
   const props = defineProps({
     text: {
diff --git a/frontend/components/global/Currency.vue b/frontend/components/global/Currency.vue
index 98d5b61a..8186b6d9 100644
--- a/frontend/components/global/Currency.vue
+++ b/frontend/components/global/Currency.vue
@@ -19,9 +19,7 @@
 
   const props = defineProps<Props>();
 
-  type AsyncReturnType<T extends (...args: any) => Promise<any>> = T extends (...args: any) => Promise<infer R>
-    ? R
-    : any;
+  type AsyncReturnType<T extends (...args: unknown[]) => unknown> = Awaited<ReturnType<T>>;
 
   const fmt = ref<AsyncReturnType<typeof useFormatCurrency> | null>(null);
 
diff --git a/frontend/components/global/DetailsSection/DetailsSection.vue b/frontend/components/global/DetailsSection/DetailsSection.vue
index 785cd48c..47aef1bd 100644
--- a/frontend/components/global/DetailsSection/DetailsSection.vue
+++ b/frontend/components/global/DetailsSection/DetailsSection.vue
@@ -74,6 +74,11 @@
   import MdiOpenInNew from "~icons/mdi/open-in-new";
   import { badgeVariants } from "~/components/ui/badge";
   import { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider } from "@/components/ui/tooltip";
+  import DateTime from "@/components/global/DateTime.vue";
+  import Currency from "@/components/global/Currency.vue";
+  import { ClientOnly } from "#components";
+  import Markdown from "@/components/global/Markdown.vue";
+  import CopyText from "@/components/global/CopyText.vue";
 
   defineProps({
     details: {
diff --git a/frontend/components/global/Markdown.vue b/frontend/components/global/Markdown.vue
index d9e0cc55..85a856cd 100644
--- a/frontend/components/global/Markdown.vue
+++ b/frontend/components/global/Markdown.vue
@@ -4,7 +4,7 @@
   import DOMPurify from "dompurify";
 
   type Props = {
-    source: string | null | undefined;
+    source?: string | null;
   };
 
   const props = withDefaults(defineProps<Props>(), {
diff --git a/frontend/components/global/Table.types.ts b/frontend/components/global/Table.types.ts
index 004f0844..7c9111d8 100644
--- a/frontend/components/global/Table.types.ts
+++ b/frontend/components/global/Table.types.ts
@@ -5,4 +5,5 @@ export type TableHeader = {
   align?: "left" | "center" | "right";
 };
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export type TableData = Record<string, any>;
diff --git a/frontend/composables/use-api.ts b/frontend/composables/use-api.ts
index 4bedc776..ddea5d94 100644
--- a/frontend/composables/use-api.ts
+++ b/frontend/composables/use-api.ts
@@ -14,6 +14,7 @@ export function defineObserver(key: string, observer: Observer): RemoveObserver
   observers[key] = observer;
 
   return () => {
+    // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
     delete observers[key];
   };
 }
diff --git a/frontend/composables/use-auth-context.ts b/frontend/composables/use-auth-context.ts
index 9a432738..e482860f 100644
--- a/frontend/composables/use-auth-context.ts
+++ b/frontend/composables/use-auth-context.ts
@@ -44,7 +44,7 @@ class AuthContext implements IAuthContext {
   private _attachmentToken: CookieRef<string | null>;
 
   get token() {
-    // @ts-ignore sometimes it's a boolean I guess?
+    // @ts-expect-error sometimes it's a boolean I guess?
     return this._token.value === "true" || this._token.value === true;
   }
 
diff --git a/frontend/composables/use-confirm.ts b/frontend/composables/use-confirm.ts
index 8097f385..99fda04d 100644
--- a/frontend/composables/use-confirm.ts
+++ b/frontend/composables/use-confirm.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import type { UseConfirmDialogRevealResult, UseConfirmDialogReturn } from "@vueuse/core";
 import type { Ref } from "vue";
 
diff --git a/frontend/composables/use-defer.ts b/frontend/composables/use-defer.ts
index 17e8436e..e2399fe9 100644
--- a/frontend/composables/use-defer.ts
+++ b/frontend/composables/use-defer.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 type DeferFunction<TArgs extends any[], TReturn> = (...args: TArgs) => TReturn;
 
 // useDefer is a function that takes a function and returns a function that
diff --git a/frontend/composables/use-route-params.ts b/frontend/composables/use-route-params.ts
index dfd16f1c..da06719b 100644
--- a/frontend/composables/use-route-params.ts
+++ b/frontend/composables/use-route-params.ts
@@ -8,6 +8,7 @@ export function useRouteQuery(q: string, def: string): WritableComputedRef<strin
 export function useRouteQuery(q: string, def: boolean): WritableComputedRef<boolean>;
 export function useRouteQuery(q: string, def: number): WritableComputedRef<number>;
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function useRouteQuery(q: string, def: any): WritableComputedRef<any> {
   const route = useRoute();
   const router = useRouter();
diff --git a/frontend/composables/use-server-events.ts b/frontend/composables/use-server-events.ts
index 236920d2..356fa59d 100644
--- a/frontend/composables/use-server-events.ts
+++ b/frontend/composables/use-server-events.ts
@@ -39,7 +39,7 @@ function connect(onmessage: (m: EventMessage) => void) {
     console.error("websocket error", err);
   };
 
-  const thorttled = new Map<ServerEvent, any>();
+  const thorttled = new Map<ServerEvent, (m: EventMessage) => void>();
 
   thorttled.set(ServerEvent.LocationMutation, useThrottleFn(onmessage, 1000));
   thorttled.set(ServerEvent.ItemMutation, useThrottleFn(onmessage, 1000));
diff --git a/frontend/error.vue b/frontend/error.vue
index 75d85f10..917e379d 100644
--- a/frontend/error.vue
+++ b/frontend/error.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
   import type { NuxtError } from "#app";
+  import { NuxtLink } from "#components";
   import { buttonVariants } from "@/components/ui/button";
 
   const props = defineProps({
diff --git a/frontend/eslint.config.mjs b/frontend/eslint.config.mjs
index f9c6688d..7e4fff60 100644
--- a/frontend/eslint.config.mjs
+++ b/frontend/eslint.config.mjs
@@ -42,6 +42,7 @@ export default withNuxt([
           caughtErrors: "none",
         },
       ],
+      "@typescript-eslint/no-invalid-void-type": "off",
 
       "prettier/prettier": [
         "warn",
diff --git a/frontend/layouts/default.vue b/frontend/layouts/default.vue
index c4c62290..40da89ae 100644
--- a/frontend/layouts/default.vue
+++ b/frontend/layouts/default.vue
@@ -216,6 +216,16 @@
   import OutdatedModal from "~/components/App/OutdatedModal.vue";
   import ItemCreateModal from "~/components/Item/CreateModal.vue";
 
+  import LabelCreateModal from "~/components/Label/CreateModal.vue";
+  import LocationCreateModal from "~/components/Location/CreateModal.vue";
+  import ItemBarcodeModal from "~/components/Item/BarcodeModal.vue";
+  import AppQuickMenuModal from "~/components/App/QuickMenuModal.vue";
+  import AppScannerModal from "~/components/App/ScannerModal.vue";
+  import { NuxtLink } from "#components";
+  import AppLogo from "~/components/App/Logo.vue";
+  import AppHeaderDecor from "~/components/App/HeaderDecor.vue";
+  import AppHeaderText from "~/components/App/HeaderText.vue";
+
   const { t, locale } = useI18n();
   const username = computed(() => authCtx.user?.name || "User");
 
@@ -348,7 +358,7 @@
     ...dropdown.map(v => ({
       text: computed(() => v.name.value),
       dialogId: v.dialogId as NoParamDialogIDs,
-      shortcut: v.shortcut.split("+")[1],
+      shortcut: v.shortcut.split("+")[1] as string,
       type: "create" as const,
     })),
     ...nav.map(v => ({
diff --git a/frontend/lib/api/__test__/factories/index.ts b/frontend/lib/api/__test__/factories/index.ts
index 0cba8501..0611a7b9 100644
--- a/frontend/lib/api/__test__/factories/index.ts
+++ b/frontend/lib/api/__test__/factories/index.ts
@@ -9,7 +9,7 @@ import { Requests } from "../../../requests";
 
 function itemField(id = null): ItemField {
   return {
-    // @ts-expect-error
+    // @ts-expect-error - not actually an issue
     id,
     name: faker.lorem.word(),
     type: "text",
@@ -45,7 +45,7 @@ function label(): LabelCreate {
   return {
     name: faker.lorem.word(),
     description: faker.lorem.sentence(),
-    color: faker.internet.color(),
+    color: faker.color.rgb(),
   };
 }
 
diff --git a/frontend/lib/api/base/base-api.ts b/frontend/lib/api/base/base-api.ts
index b9d01ae5..b853342c 100644
--- a/frontend/lib/api/base/base-api.ts
+++ b/frontend/lib/api/base/base-api.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import type { Requests } from "../../requests";
 import { route } from ".";
 
@@ -47,7 +48,7 @@ export function parseDate<T>(obj: T, keys: Array<keyof T> = []): T {
         throw new Error(`Invalid date format: ${value}`);
       }
 
-      const [year, month, day] = split;
+      const [year, month, day] = split as [string, string, string];
 
       const dt = new Date();
 
@@ -90,9 +91,9 @@ export class BaseAPI {
   protected dropFields<T>(obj: T, keys: Array<keyof T> = []): T {
     const result = { ...obj };
     [...keys, "createdAt", "updatedAt"].forEach(key => {
-      // @ts-ignore - we are checking for the key above
+      // @ts-expect-error - TS doesn't know that we're checking for the key above
       if (hasKey(result, key)) {
-        // @ts-ignore - we are guarding against this above
+        // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
         delete result[key];
       }
     });
diff --git a/frontend/pages/assets/[id].vue b/frontend/pages/assets/[id].vue
index 3dcf8ced..eacc6a4a 100644
--- a/frontend/pages/assets/[id].vue
+++ b/frontend/pages/assets/[id].vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
   import { useI18n } from "vue-i18n";
   import { toast } from "@/components/ui/sonner";
+  import BaseContainer from "@/components/Base/Container.vue";
+  import BaseSectionHeader from "@/components/Base/SectionHeader.vue";
+  import ItemCard from "~/components/Item/Card.vue";
 
   const { t } = useI18n();
 
@@ -26,7 +29,7 @@
         navigateTo("/home");
         break;
       case 1:
-        navigateTo(`/item/${data.items[0].id}`, { replace: true, redirectCode: 302 });
+        navigateTo(`/item/${data.items[0]!.id}`, { replace: true, redirectCode: 302 });
         break;
       default:
         return data.items;
diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index 9fce57e1..b3fe3ecb 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -14,6 +14,10 @@
   import { Button } from "@/components/ui/button";
   import LanguageSelector from "~/components/App/LanguageSelector.vue";
   import { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider } from "@/components/ui/tooltip";
+  import AppLogo from "~/components/App/Logo.vue";
+  import FormTextField from "~/components/Form/TextField.vue";
+  import FormPassword from "~/components/Form/Password.vue";
+  import FormCheckbox from "~/components/Form/Checkbox.vue";
 
   const { t } = useI18n();
 
diff --git a/frontend/pages/item/[id]/index/maintenance.vue b/frontend/pages/item/[id]/index/maintenance.vue
index f5f1c472..e132c0f8 100644
--- a/frontend/pages/item/[id]/index/maintenance.vue
+++ b/frontend/pages/item/[id]/index/maintenance.vue
@@ -1,5 +1,7 @@
 <script setup lang="ts">
   import type { ItemOut } from "~~/lib/api/types/data-contracts";
+  import BaseContainer from "@/components/Base/Container.vue";
+  import MaintenanceListView from "~/components/Maintenance/ListView.vue";
 
   const props = defineProps<{
     item: ItemOut;