From 26b17e5cf87005751d18e47d6336e53e33b1fc5c Mon Sep 17 00:00:00 2001
From: Hayden <64056131+hay-kot@users.noreply.github.com>
Date: Fri, 1 Mar 2024 11:21:45 -0600
Subject: [PATCH] use typed imports

---
 frontend/.eslintrc.js                            | 1 +
 frontend/components/App/Header.vue               | 2 +-
 frontend/components/Item/AttachmentsList.vue     | 2 +-
 frontend/components/Item/Card.vue                | 2 +-
 frontend/components/Item/CreateModal.vue         | 2 +-
 frontend/components/Item/View/Selectable.vue     | 4 ++--
 frontend/components/Item/View/Table.types.ts     | 2 +-
 frontend/components/Item/View/Table.vue          | 4 ++--
 frontend/components/Label/Chip.vue               | 2 +-
 frontend/components/Location/Card.vue            | 2 +-
 frontend/components/Location/CreateModal.vue     | 2 +-
 frontend/components/Location/Selector.vue        | 5 +++--
 frontend/components/Location/Tree/Node.vue       | 2 +-
 frontend/components/Location/Tree/Root.vue       | 2 +-
 frontend/components/global/DateTime.vue          | 2 +-
 frontend/components/global/StatCard/StatCard.vue | 2 +-
 frontend/components/global/Table.vue             | 2 +-
 frontend/composables/use-auth-context.ts         | 8 ++++----
 frontend/composables/use-confirm.ts              | 4 ++--
 frontend/composables/use-item-search.ts          | 4 ++--
 frontend/composables/use-location-helpers.ts     | 4 ++--
 frontend/composables/use-min-loader.ts           | 2 +-
 frontend/composables/use-preferences.ts          | 4 ++--
 frontend/composables/use-route-params.ts         | 2 +-
 frontend/composables/use-theme.ts                | 4 ++--
 frontend/lib/api/__test__/factories/index.ts     | 2 +-
 frontend/lib/api/__test__/test-utils.ts          | 2 +-
 frontend/lib/api/__test__/user/items.test.ts     | 4 ++--
 frontend/lib/api/__test__/user/labels.test.ts    | 4 ++--
 frontend/lib/api/__test__/user/locations.test.ts | 4 ++--
 frontend/lib/api/__test__/user/stats.test.ts     | 2 +-
 frontend/lib/api/base/base-api.ts                | 2 +-
 frontend/lib/api/classes/actions.ts              | 2 +-
 frontend/lib/api/classes/assets.ts               | 4 ++--
 frontend/lib/api/classes/group.ts                | 2 +-
 frontend/lib/api/classes/items.ts                | 6 +++---
 frontend/lib/api/classes/labels.ts               | 2 +-
 frontend/lib/api/classes/locations.ts            | 2 +-
 frontend/lib/api/classes/notifiers.ts            | 2 +-
 frontend/lib/api/classes/stats.ts                | 2 +-
 frontend/lib/api/classes/users.ts                | 4 ++--
 frontend/lib/api/public.ts                       | 2 +-
 frontend/lib/api/user.ts                         | 2 +-
 frontend/nuxt.proxyoverride.ts                   | 6 +++---
 frontend/pages/home/statistics.ts                | 2 +-
 frontend/pages/home/table.ts                     | 2 +-
 frontend/pages/item/[id]/index.vue               | 5 +++--
 frontend/pages/item/[id]/index/edit.vue          | 2 +-
 frontend/pages/item/[id]/index/maintenance.vue   | 4 ++--
 frontend/pages/items.vue                         | 2 +-
 frontend/pages/location/[id].vue                 | 2 +-
 frontend/pages/profile.vue                       | 4 ++--
 frontend/stores/labels.ts                        | 2 +-
 frontend/stores/locations.ts                     | 4 ++--
 54 files changed, 80 insertions(+), 77 deletions(-)

diff --git a/frontend/.eslintrc.js b/frontend/.eslintrc.js
index fa57669..c567952 100644
--- a/frontend/.eslintrc.js
+++ b/frontend/.eslintrc.js
@@ -25,6 +25,7 @@ module.exports = {
     "vue/no-setup-props-destructure": 0,
     "vue/no-multiple-template-root": 0,
     "vue/no-v-model-argument": 0,
+    "@typescript-eslint/consistent-type-imports": "error",
     "@typescript-eslint/ban-ts-comment": 0,
     "@typescript-eslint/no-unused-vars": [
       "error",
diff --git a/frontend/components/App/Header.vue b/frontend/components/App/Header.vue
index 91c2672..b42da7f 100644
--- a/frontend/components/App/Header.vue
+++ b/frontend/components/App/Header.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-  import MdiPlus from "~icons/mdi/mdi-plus";
+  import MdiPlus from "~icons/mdi/plus";
 
   const ctx = useAuthContext();
   const api = useUserApi();
diff --git a/frontend/components/Item/AttachmentsList.vue b/frontend/components/Item/AttachmentsList.vue
index 8f0dcd9..69176ee 100644
--- a/frontend/components/Item/AttachmentsList.vue
+++ b/frontend/components/Item/AttachmentsList.vue
@@ -22,7 +22,7 @@
 </template>
 
 <script setup lang="ts">
-  import { ItemAttachment } from "~~/lib/api/types/data-contracts";
+  import type { ItemAttachment } from "~~/lib/api/types/data-contracts";
   import MdiPaperclip from "~icons/mdi/paperclip";
   import MdiDownload from "~icons/mdi/download";
   import MdiOpenInNew from "~icons/mdi/open-in-new";
diff --git a/frontend/components/Item/Card.vue b/frontend/components/Item/Card.vue
index 0557fb6..644caea 100644
--- a/frontend/components/Item/Card.vue
+++ b/frontend/components/Item/Card.vue
@@ -34,7 +34,7 @@
 </template>
 
 <script setup lang="ts">
-  import { ItemOut, ItemSummary } from "~~/lib/api/types/data-contracts";
+  import type { ItemOut, ItemSummary } from "~~/lib/api/types/data-contracts";
   import MdiShieldCheck from "~icons/mdi/shield-check";
 
   const api = useUserApi();
diff --git a/frontend/components/Item/CreateModal.vue b/frontend/components/Item/CreateModal.vue
index ac31717..5ad4cbf 100644
--- a/frontend/components/Item/CreateModal.vue
+++ b/frontend/components/Item/CreateModal.vue
@@ -35,7 +35,7 @@
 </template>
 
 <script setup lang="ts">
-  import { ItemCreate, LabelOut, LocationOut } from "~~/lib/api/types/data-contracts";
+  import type { ItemCreate, LabelOut, LocationOut } from "~~/lib/api/types/data-contracts";
   import { useLabelStore } from "~~/stores/labels";
   import { useLocationStore } from "~~/stores/locations";
   import MdiPackageVariant from "~icons/mdi/package-variant";
diff --git a/frontend/components/Item/View/Selectable.vue b/frontend/components/Item/View/Selectable.vue
index e3c75db..9300811 100644
--- a/frontend/components/Item/View/Selectable.vue
+++ b/frontend/components/Item/View/Selectable.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-  import { ViewType } from "~~/composables/use-preferences";
-  import { ItemSummary } from "~~/lib/api/types/data-contracts";
+  import type { ViewType } from "~~/composables/use-preferences";
+  import type { ItemSummary } from "~~/lib/api/types/data-contracts";
   import MdiDotsVertical from "~icons/mdi/dots-vertical";
   import MdiCardTextOutline from "~icons/mdi/card-text-outline";
   import MdiTable from "~icons/mdi/table";
diff --git a/frontend/components/Item/View/Table.types.ts b/frontend/components/Item/View/Table.types.ts
index 51496fc..b31ef88 100644
--- a/frontend/components/Item/View/Table.types.ts
+++ b/frontend/components/Item/View/Table.types.ts
@@ -1,4 +1,4 @@
-import { ItemSummary } from "~~/lib/api/types/data-contracts";
+import type { ItemSummary } from "~~/lib/api/types/data-contracts";
 
 export type TableHeader = {
   text: string;
diff --git a/frontend/components/Item/View/Table.vue b/frontend/components/Item/View/Table.vue
index 44abd5b..ceed5d3 100644
--- a/frontend/components/Item/View/Table.vue
+++ b/frontend/components/Item/View/Table.vue
@@ -74,8 +74,8 @@
 </template>
 
 <script setup lang="ts">
-  import { TableData, TableHeader } from "./Table.types";
-  import { ItemSummary } from "~~/lib/api/types/data-contracts";
+  import type { TableData, TableHeader } from "./Table.types";
+  import type { ItemSummary } from "~~/lib/api/types/data-contracts";
   import MdiArrowDown from "~icons/mdi/arrow-down";
   import MdiArrowUp from "~icons/mdi/arrow-up";
   import MdiCheck from "~icons/mdi/check";
diff --git a/frontend/components/Label/Chip.vue b/frontend/components/Label/Chip.vue
index 946ab23..3f7e801 100644
--- a/frontend/components/Label/Chip.vue
+++ b/frontend/components/Label/Chip.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-  import { LabelOut, LabelSummary } from "~~/lib/api/types/data-contracts";
+  import type { LabelOut, LabelSummary } from "~~/lib/api/types/data-contracts";
   import MdiArrowRight from "~icons/mdi/arrow-right";
   import MdiTagOutline from "~icons/mdi/tag-outline";
 
diff --git a/frontend/components/Location/Card.vue b/frontend/components/Location/Card.vue
index f79f74d..c29bed8 100644
--- a/frontend/components/Location/Card.vue
+++ b/frontend/components/Location/Card.vue
@@ -28,7 +28,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { LocationOut, LocationOutCount, LocationSummary } from "~~/lib/api/types/data-contracts";
+  import type { LocationOut, LocationOutCount, LocationSummary } from "~~/lib/api/types/data-contracts";
   import MdiArrowRight from "~icons/mdi/arrow-right";
   import MdiMapMarkerOutline from "~icons/mdi/map-marker-outline";
 
diff --git a/frontend/components/Location/CreateModal.vue b/frontend/components/Location/CreateModal.vue
index ff5a77e..e4fbfb1 100644
--- a/frontend/components/Location/CreateModal.vue
+++ b/frontend/components/Location/CreateModal.vue
@@ -34,7 +34,7 @@
 </template>
 
 <script setup lang="ts">
-  import { LocationSummary } from "~~/lib/api/types/data-contracts";
+  import type { LocationSummary } from "~~/lib/api/types/data-contracts";
   import MdiChevronDown from "~icons/mdi/chevron-down";
   const props = defineProps({
     modelValue: {
diff --git a/frontend/components/Location/Selector.vue b/frontend/components/Location/Selector.vue
index 9170739..bcba455 100644
--- a/frontend/components/Location/Selector.vue
+++ b/frontend/components/Location/Selector.vue
@@ -20,8 +20,9 @@
 </template>
 
 <script lang="ts" setup>
-  import { FlatTreeItem, useFlatLocations } from "~~/composables/use-location-helpers";
-  import { LocationSummary } from "~~/lib/api/types/data-contracts";
+  import type { FlatTreeItem } from "~~/composables/use-location-helpers";
+  import { useFlatLocations } from "~~/composables/use-location-helpers";
+  import type { LocationSummary } from "~~/lib/api/types/data-contracts";
   import MdiCheck from "~icons/mdi/check";
 
   type Props = {
diff --git a/frontend/components/Location/Tree/Node.vue b/frontend/components/Location/Tree/Node.vue
index 96d4fa6..8b72db6 100644
--- a/frontend/components/Location/Tree/Node.vue
+++ b/frontend/components/Location/Tree/Node.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
   import { useTreeState } from "./tree-state";
-  import { TreeItem } from "~~/lib/api/types/data-contracts";
+  import type { TreeItem } from "~~/lib/api/types/data-contracts";
   import MdiChevronDown from "~icons/mdi/chevron-down";
   import MdiChevronRight from "~icons/mdi/chevron-right";
   import MdiMapMarker from "~icons/mdi/map-marker";
diff --git a/frontend/components/Location/Tree/Root.vue b/frontend/components/Location/Tree/Root.vue
index 4bb07f9..c0f46d8 100644
--- a/frontend/components/Location/Tree/Root.vue
+++ b/frontend/components/Location/Tree/Root.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-  import { TreeItem } from "~~/lib/api/types/data-contracts";
+  import type { TreeItem } from "~~/lib/api/types/data-contracts";
 
   type Props = {
     locs: TreeItem[];
diff --git a/frontend/components/global/DateTime.vue b/frontend/components/global/DateTime.vue
index e5a76a9..b23cac2 100644
--- a/frontend/components/global/DateTime.vue
+++ b/frontend/components/global/DateTime.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script setup lang="ts">
-  import { DateTimeFormat, DateTimeType } from "~~/composables/use-formatters";
+  import type { DateTimeFormat, DateTimeType } from "~~/composables/use-formatters";
 
   type Props = {
     date?: Date | string;
diff --git a/frontend/components/global/StatCard/StatCard.vue b/frontend/components/global/StatCard/StatCard.vue
index 37a386f..e4cf290 100644
--- a/frontend/components/global/StatCard/StatCard.vue
+++ b/frontend/components/global/StatCard/StatCard.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script setup lang="ts">
-  import { StatsFormat } from "./types";
+  import type { StatsFormat } from "./types";
 
   type Props = {
     title: string;
diff --git a/frontend/components/global/Table.vue b/frontend/components/global/Table.vue
index f09ca94..c15dca5 100644
--- a/frontend/components/global/Table.vue
+++ b/frontend/components/global/Table.vue
@@ -42,7 +42,7 @@
 </template>
 
 <script setup lang="ts">
-  import { TableData, TableHeader } from "./Table.types";
+  import type { TableData, TableHeader } from "./Table.types";
 
   type Props = {
     headers: TableHeader[];
diff --git a/frontend/composables/use-auth-context.ts b/frontend/composables/use-auth-context.ts
index 883a0be..63df8a4 100644
--- a/frontend/composables/use-auth-context.ts
+++ b/frontend/composables/use-auth-context.ts
@@ -1,7 +1,7 @@
-import { CookieRef } from "nuxt/app";
-import { PublicApi } from "~~/lib/api/public";
-import { UserOut } from "~~/lib/api/types/data-contracts";
-import { UserClient } from "~~/lib/api/user";
+import type { CookieRef } from "nuxt/app";
+import type { PublicApi } from "~~/lib/api/public";
+import type { UserOut } from "~~/lib/api/types/data-contracts";
+import type { UserClient } from "~~/lib/api/user";
 
 export interface IAuthContext {
   get token(): boolean | null;
diff --git a/frontend/composables/use-confirm.ts b/frontend/composables/use-confirm.ts
index ddf9924..8097f38 100644
--- a/frontend/composables/use-confirm.ts
+++ b/frontend/composables/use-confirm.ts
@@ -1,5 +1,5 @@
-import { UseConfirmDialogRevealResult, UseConfirmDialogReturn } from "@vueuse/core";
-import { Ref } from "vue";
+import type { UseConfirmDialogRevealResult, UseConfirmDialogReturn } from "@vueuse/core";
+import type { Ref } from "vue";
 
 type Store = UseConfirmDialogReturn<any, boolean, boolean> & {
   text: Ref<string>;
diff --git a/frontend/composables/use-item-search.ts b/frontend/composables/use-item-search.ts
index b9d1eff..7ea4d6b 100644
--- a/frontend/composables/use-item-search.ts
+++ b/frontend/composables/use-item-search.ts
@@ -1,5 +1,5 @@
-import { ItemSummary, LabelSummary, LocationSummary } from "~~/lib/api/types/data-contracts";
-import { UserClient } from "~~/lib/api/user";
+import type { ItemSummary, LabelSummary, LocationSummary } from "~~/lib/api/types/data-contracts";
+import type { UserClient } from "~~/lib/api/user";
 
 type SearchOptions = {
   immediate?: boolean;
diff --git a/frontend/composables/use-location-helpers.ts b/frontend/composables/use-location-helpers.ts
index 91e056d..bff2d83 100644
--- a/frontend/composables/use-location-helpers.ts
+++ b/frontend/composables/use-location-helpers.ts
@@ -1,5 +1,5 @@
-import { Ref } from "vue";
-import { TreeItem } from "~~/lib/api/types/data-contracts";
+import type { Ref } from "vue";
+import type { TreeItem } from "~~/lib/api/types/data-contracts";
 
 export interface FlatTreeItem {
   id: string;
diff --git a/frontend/composables/use-min-loader.ts b/frontend/composables/use-min-loader.ts
index 9d7a06f..a2def2d 100644
--- a/frontend/composables/use-min-loader.ts
+++ b/frontend/composables/use-min-loader.ts
@@ -1,4 +1,4 @@
-import { WritableComputedRef } from "vue";
+import type { WritableComputedRef } from "vue";
 
 export function useMinLoader(ms = 500): WritableComputedRef<boolean> {
   const loading = ref(false);
diff --git a/frontend/composables/use-preferences.ts b/frontend/composables/use-preferences.ts
index db3cccd..8486175 100644
--- a/frontend/composables/use-preferences.ts
+++ b/frontend/composables/use-preferences.ts
@@ -1,5 +1,5 @@
-import { Ref } from "vue";
-import { DaisyTheme } from "~~/lib/data/themes";
+import type { Ref } from "vue";
+import type { DaisyTheme } from "~~/lib/data/themes";
 
 export type ViewType = "table" | "card" | "tree";
 
diff --git a/frontend/composables/use-route-params.ts b/frontend/composables/use-route-params.ts
index 4687695..e046463 100644
--- a/frontend/composables/use-route-params.ts
+++ b/frontend/composables/use-route-params.ts
@@ -1,7 +1,7 @@
 import { useRouteQuery as useRouteQueryBase } from "@vueuse/router";
 
 /* eslint no-redeclare: 0 */
-import { WritableComputedRef } from "vue";
+import type { WritableComputedRef } from "vue";
 
 export function useRouteQuery(q: string, def: string[]): WritableComputedRef<string[]>;
 export function useRouteQuery(q: string, def: string): WritableComputedRef<string>;
diff --git a/frontend/composables/use-theme.ts b/frontend/composables/use-theme.ts
index 89e3d39..f0bd49e 100644
--- a/frontend/composables/use-theme.ts
+++ b/frontend/composables/use-theme.ts
@@ -1,5 +1,5 @@
-import { ComputedRef } from "vue";
-import { DaisyTheme } from "~~/lib/data/themes";
+import type { ComputedRef } from "vue";
+import type { DaisyTheme } from "~~/lib/data/themes";
 
 export interface UseTheme {
   theme: ComputedRef<DaisyTheme>;
diff --git a/frontend/lib/api/__test__/factories/index.ts b/frontend/lib/api/__test__/factories/index.ts
index dd76489..0cba850 100644
--- a/frontend/lib/api/__test__/factories/index.ts
+++ b/frontend/lib/api/__test__/factories/index.ts
@@ -2,7 +2,7 @@ import { faker } from "@faker-js/faker";
 import { expect } from "vitest";
 import { overrideParts } from "../../base/urls";
 import { PublicApi } from "../../public";
-import { ItemField, LabelCreate, LocationCreate, UserRegistration } from "../../types/data-contracts";
+import type { ItemField, LabelCreate, LocationCreate, UserRegistration } from "../../types/data-contracts";
 import * as config from "../../../../test/config";
 import { UserClient } from "../../user";
 import { Requests } from "../../../requests";
diff --git a/frontend/lib/api/__test__/test-utils.ts b/frontend/lib/api/__test__/test-utils.ts
index 3512a45..673773d 100644
--- a/frontend/lib/api/__test__/test-utils.ts
+++ b/frontend/lib/api/__test__/test-utils.ts
@@ -1,6 +1,6 @@
 import { beforeAll, expect } from "vitest";
 import { faker } from "@faker-js/faker";
-import { UserClient } from "../user";
+import type { UserClient } from "../user";
 import { factories } from "./factories";
 
 const cache = {
diff --git a/frontend/lib/api/__test__/user/items.test.ts b/frontend/lib/api/__test__/user/items.test.ts
index 36cc898..4f8973f 100644
--- a/frontend/lib/api/__test__/user/items.test.ts
+++ b/frontend/lib/api/__test__/user/items.test.ts
@@ -1,8 +1,8 @@
 import { faker } from "@faker-js/faker";
 import { describe, test, expect } from "vitest";
-import { ItemField, ItemUpdate, LocationOut } from "../../types/data-contracts";
+import type { ItemField, ItemUpdate, LocationOut } from "../../types/data-contracts";
 import { AttachmentTypes } from "../../types/non-generated";
-import { UserClient } from "../../user";
+import type { UserClient } from "../../user";
 import { factories } from "../factories";
 import { sharedUserClient } from "../test-utils";
 
diff --git a/frontend/lib/api/__test__/user/labels.test.ts b/frontend/lib/api/__test__/user/labels.test.ts
index 5564e6b..851f6b1 100644
--- a/frontend/lib/api/__test__/user/labels.test.ts
+++ b/frontend/lib/api/__test__/user/labels.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, test } from "vitest";
-import { LabelOut } from "../../types/data-contracts";
-import { UserClient } from "../../user";
+import type { LabelOut } from "../../types/data-contracts";
+import type { UserClient } from "../../user";
 import { factories } from "../factories";
 import { sharedUserClient } from "../test-utils";
 
diff --git a/frontend/lib/api/__test__/user/locations.test.ts b/frontend/lib/api/__test__/user/locations.test.ts
index 3012faf..834a567 100644
--- a/frontend/lib/api/__test__/user/locations.test.ts
+++ b/frontend/lib/api/__test__/user/locations.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, test } from "vitest";
-import { LocationOut } from "../../types/data-contracts";
-import { UserClient } from "../../user";
+import type { LocationOut } from "../../types/data-contracts";
+import type { UserClient } from "../../user";
 import { factories } from "../factories";
 import { sharedUserClient } from "../test-utils";
 
diff --git a/frontend/lib/api/__test__/user/stats.test.ts b/frontend/lib/api/__test__/user/stats.test.ts
index 40f8e98..51f4e2e 100644
--- a/frontend/lib/api/__test__/user/stats.test.ts
+++ b/frontend/lib/api/__test__/user/stats.test.ts
@@ -1,6 +1,6 @@
 import { faker } from "@faker-js/faker";
 import { beforeAll, describe, expect, test } from "vitest";
-import { UserClient } from "../../user";
+import type { UserClient } from "../../user";
 import { factories } from "../factories";
 
 type ImportObj = {
diff --git a/frontend/lib/api/base/base-api.ts b/frontend/lib/api/base/base-api.ts
index 358779a..b9d01ae 100644
--- a/frontend/lib/api/base/base-api.ts
+++ b/frontend/lib/api/base/base-api.ts
@@ -1,4 +1,4 @@
-import { Requests } from "../../requests";
+import type { Requests } from "../../requests";
 import { route } from ".";
 
 const ZERO_DATE = "0001-01-01T00:00:00Z";
diff --git a/frontend/lib/api/classes/actions.ts b/frontend/lib/api/classes/actions.ts
index e75ecfb..3975a1d 100644
--- a/frontend/lib/api/classes/actions.ts
+++ b/frontend/lib/api/classes/actions.ts
@@ -1,5 +1,5 @@
 import { BaseAPI, route } from "../base";
-import { ActionAmountResult } from "../types/data-contracts";
+import type { ActionAmountResult } from "../types/data-contracts";
 
 export class ActionsAPI extends BaseAPI {
   ensureAssetIDs() {
diff --git a/frontend/lib/api/classes/assets.ts b/frontend/lib/api/classes/assets.ts
index 339c4e8..c22d01b 100644
--- a/frontend/lib/api/classes/assets.ts
+++ b/frontend/lib/api/classes/assets.ts
@@ -1,6 +1,6 @@
 import { BaseAPI, route } from "../base";
-import { ItemSummary } from "../types/data-contracts";
-import { PaginationResult } from "../types/non-generated";
+import type { ItemSummary } from "../types/data-contracts";
+import type { PaginationResult } from "../types/non-generated";
 
 export class AssetsApi extends BaseAPI {
   async get(id: string, page = 1, pageSize = 50) {
diff --git a/frontend/lib/api/classes/group.ts b/frontend/lib/api/classes/group.ts
index 963157f..a33dbf9 100644
--- a/frontend/lib/api/classes/group.ts
+++ b/frontend/lib/api/classes/group.ts
@@ -1,5 +1,5 @@
 import { BaseAPI, route } from "../base";
-import {
+import type {
   CurrenciesCurrency,
   Group,
   GroupInvitation,
diff --git a/frontend/lib/api/classes/items.ts b/frontend/lib/api/classes/items.ts
index ae2399e..a5d3f2e 100644
--- a/frontend/lib/api/classes/items.ts
+++ b/frontend/lib/api/classes/items.ts
@@ -1,6 +1,6 @@
 import { BaseAPI, route } from "../base";
 import { parseDate } from "../base/base-api";
-import {
+import type {
   ItemAttachmentUpdate,
   ItemCreate,
   ItemOut,
@@ -13,8 +13,8 @@ import {
   MaintenanceEntryUpdate,
   MaintenanceLog,
 } from "../types/data-contracts";
-import { AttachmentTypes, PaginationResult } from "../types/non-generated";
-import { Requests } from "~~/lib/requests";
+import type { AttachmentTypes, PaginationResult } from "../types/non-generated";
+import type { Requests } from "~~/lib/requests";
 
 export type ItemsQuery = {
   orderBy?: string;
diff --git a/frontend/lib/api/classes/labels.ts b/frontend/lib/api/classes/labels.ts
index 61bcab7..6f7eaf0 100644
--- a/frontend/lib/api/classes/labels.ts
+++ b/frontend/lib/api/classes/labels.ts
@@ -1,5 +1,5 @@
 import { BaseAPI, route } from "../base";
-import { LabelCreate, LabelOut } from "../types/data-contracts";
+import type { LabelCreate, LabelOut } from "../types/data-contracts";
 
 export class LabelsApi extends BaseAPI {
   getAll() {
diff --git a/frontend/lib/api/classes/locations.ts b/frontend/lib/api/classes/locations.ts
index acbbcdb..0826611 100644
--- a/frontend/lib/api/classes/locations.ts
+++ b/frontend/lib/api/classes/locations.ts
@@ -1,5 +1,5 @@
 import { BaseAPI, route } from "../base";
-import { LocationOutCount, LocationCreate, LocationOut, LocationUpdate, TreeItem } from "../types/data-contracts";
+import type { LocationOutCount, LocationCreate, LocationOut, LocationUpdate, TreeItem } from "../types/data-contracts";
 
 export type LocationsQuery = {
   filterChildren: boolean;
diff --git a/frontend/lib/api/classes/notifiers.ts b/frontend/lib/api/classes/notifiers.ts
index c9e4a25..37044c0 100644
--- a/frontend/lib/api/classes/notifiers.ts
+++ b/frontend/lib/api/classes/notifiers.ts
@@ -1,5 +1,5 @@
 import { BaseAPI, route } from "../base";
-import { NotifierCreate, NotifierOut, NotifierUpdate } from "../types/data-contracts";
+import type { NotifierCreate, NotifierOut, NotifierUpdate } from "../types/data-contracts";
 
 export class NotifiersAPI extends BaseAPI {
   getAll() {
diff --git a/frontend/lib/api/classes/stats.ts b/frontend/lib/api/classes/stats.ts
index 7959269..f6e5cec 100644
--- a/frontend/lib/api/classes/stats.ts
+++ b/frontend/lib/api/classes/stats.ts
@@ -1,5 +1,5 @@
 import { BaseAPI, route } from "../base";
-import { GroupStatistics, TotalsByOrganizer, ValueOverTime } from "../types/data-contracts";
+import type { GroupStatistics, TotalsByOrganizer, ValueOverTime } from "../types/data-contracts";
 
 function YYYY_MM_DD(date?: Date): string {
   if (!date) {
diff --git a/frontend/lib/api/classes/users.ts b/frontend/lib/api/classes/users.ts
index 21006d0..292fa7e 100644
--- a/frontend/lib/api/classes/users.ts
+++ b/frontend/lib/api/classes/users.ts
@@ -1,6 +1,6 @@
 import { BaseAPI, route } from "../base";
-import { ChangePassword, UserOut } from "../types/data-contracts";
-import { Result } from "../types/non-generated";
+import type { ChangePassword, UserOut } from "../types/data-contracts";
+import type { Result } from "../types/non-generated";
 
 export class UserApi extends BaseAPI {
   public self() {
diff --git a/frontend/lib/api/public.ts b/frontend/lib/api/public.ts
index 187728d..513e492 100644
--- a/frontend/lib/api/public.ts
+++ b/frontend/lib/api/public.ts
@@ -1,5 +1,5 @@
 import { BaseAPI, route } from "./base";
-import { APISummary, LoginForm, TokenResponse, UserRegistration } from "./types/data-contracts";
+import type { APISummary, LoginForm, TokenResponse, UserRegistration } from "./types/data-contracts";
 
 export type StatusResult = {
   health: boolean;
diff --git a/frontend/lib/api/user.ts b/frontend/lib/api/user.ts
index 1107acd..d477d48 100644
--- a/frontend/lib/api/user.ts
+++ b/frontend/lib/api/user.ts
@@ -9,7 +9,7 @@ import { StatsAPI } from "./classes/stats";
 import { AssetsApi } from "./classes/assets";
 import { ReportsAPI } from "./classes/reports";
 import { NotifiersAPI } from "./classes/notifiers";
-import { Requests } from "~~/lib/requests";
+import type { Requests } from "~~/lib/requests";
 
 export class UserClient extends BaseAPI {
   locations: LocationsApi;
diff --git a/frontend/nuxt.proxyoverride.ts b/frontend/nuxt.proxyoverride.ts
index ea6c5ae..1949b2b 100644
--- a/frontend/nuxt.proxyoverride.ts
+++ b/frontend/nuxt.proxyoverride.ts
@@ -1,6 +1,6 @@
 // https://gist.github.com/ucw/67f7291c64777fb24341e8eae72bcd24
-import { IncomingMessage } from "http";
-import internal from "stream";
+import type { IncomingMessage } from "http";
+import type internal from "stream";
 import { defineNuxtModule, logger } from "@nuxt/kit";
 // Related To
 // - https://github.com/nuxt/nuxt/issues/15417
@@ -8,7 +8,7 @@ import { defineNuxtModule, logger } from "@nuxt/kit";
 //
 // fix from
 // - https://gist.github.com/ucw/67f7291c64777fb24341e8eae72bcd24
-import { createProxyServer } from "http-proxy"; // eslint-disable-line import/named
+import { createProxyServer } from "http-proxy";
 
 export default defineNuxtModule({
   defaults: {
diff --git a/frontend/pages/home/statistics.ts b/frontend/pages/home/statistics.ts
index e1c7bf1..40ec1c2 100644
--- a/frontend/pages/home/statistics.ts
+++ b/frontend/pages/home/statistics.ts
@@ -1,4 +1,4 @@
-import { UserClient } from "~~/lib/api/user";
+import type { UserClient } from "~~/lib/api/user";
 
 type StatCard = {
   label: string;
diff --git a/frontend/pages/home/table.ts b/frontend/pages/home/table.ts
index cfe0364..eaff6da 100644
--- a/frontend/pages/home/table.ts
+++ b/frontend/pages/home/table.ts
@@ -1,4 +1,4 @@
-import { UserClient } from "~~/lib/api/user";
+import type { UserClient } from "~~/lib/api/user";
 
 export function itemsTable(api: UserClient) {
   const { data: items, refresh } = useAsyncData(async () => {
diff --git a/frontend/pages/item/[id]/index.vue b/frontend/pages/item/[id]/index.vue
index 2afa4c8..c96f7ab 100644
--- a/frontend/pages/item/[id]/index.vue
+++ b/frontend/pages/item/[id]/index.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
-  import { AnyDetail, Detail, Details, filterZeroValues } from "~~/components/global/DetailsSection/types";
-  import { ItemAttachment } from "~~/lib/api/types/data-contracts";
+  import type { AnyDetail, Detail, Details } from "~~/components/global/DetailsSection/types";
+  import { filterZeroValues } from "~~/components/global/DetailsSection/types";
+  import type { ItemAttachment } from "~~/lib/api/types/data-contracts";
   import MdiClose from "~icons/mdi/close";
   import MdiPackageVariant from "~icons/mdi/package-variant";
   import MdiPlus from "~icons/mdi/plus";
diff --git a/frontend/pages/item/[id]/index/edit.vue b/frontend/pages/item/[id]/index/edit.vue
index a9f4c15..93fda07 100644
--- a/frontend/pages/item/[id]/index/edit.vue
+++ b/frontend/pages/item/[id]/index/edit.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-  import { ItemAttachment, ItemField, ItemOut, ItemUpdate } from "~~/lib/api/types/data-contracts";
+  import type { ItemAttachment, ItemField, ItemOut, ItemUpdate } from "~~/lib/api/types/data-contracts";
   import { AttachmentTypes } from "~~/lib/api/types/non-generated";
   import { useLabelStore } from "~~/stores/labels";
   import { useLocationStore } from "~~/stores/locations";
diff --git a/frontend/pages/item/[id]/index/maintenance.vue b/frontend/pages/item/[id]/index/maintenance.vue
index 7e9d506..9feb7bc 100644
--- a/frontend/pages/item/[id]/index/maintenance.vue
+++ b/frontend/pages/item/[id]/index/maintenance.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
   import DatePicker from "~~/components/Form/DatePicker.vue";
-  import { StatsFormat } from "~~/components/global/StatCard/types";
-  import { ItemOut, MaintenanceEntry } from "~~/lib/api/types/data-contracts";
+  import type { StatsFormat } from "~~/components/global/StatCard/types";
+  import type { ItemOut, MaintenanceEntry } from "~~/lib/api/types/data-contracts";
   import MdiPost from "~icons/mdi/post";
   import MdiPlus from "~icons/mdi/plus";
   import MdiCheck from "~icons/mdi/check";
diff --git a/frontend/pages/items.vue b/frontend/pages/items.vue
index 5870a86..cb207b1 100644
--- a/frontend/pages/items.vue
+++ b/frontend/pages/items.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-  import { ItemSummary, LabelSummary, LocationOutCount } from "~~/lib/api/types/data-contracts";
+  import type { ItemSummary, LabelSummary, LocationOutCount } from "~~/lib/api/types/data-contracts";
   import { useLabelStore } from "~~/stores/labels";
   import { useLocationStore } from "~~/stores/locations";
   import MdiLoading from "~icons/mdi/loading";
diff --git a/frontend/pages/location/[id].vue b/frontend/pages/location/[id].vue
index 51bc6bb..5f7f1a1 100644
--- a/frontend/pages/location/[id].vue
+++ b/frontend/pages/location/[id].vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-  import { LocationSummary, LocationUpdate } from "~~/lib/api/types/data-contracts";
+  import type { LocationSummary, LocationUpdate } from "~~/lib/api/types/data-contracts";
   import { useLocationStore } from "~~/stores/locations";
   import MdiPackageVariant from "~icons/mdi/package-variant";
   import MdiPencil from "~icons/mdi/pencil";
diff --git a/frontend/pages/profile.vue b/frontend/pages/profile.vue
index 2f52c4b..37cdc83 100644
--- a/frontend/pages/profile.vue
+++ b/frontend/pages/profile.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-  import { Detail } from "~~/components/global/DetailsSection/types";
+  import type { Detail } from "~~/components/global/DetailsSection/types";
   import { themes } from "~~/lib/data/themes";
-  import { CurrenciesCurrency, NotifierCreate, NotifierOut } from "~~/lib/api/types/data-contracts";
+  import type { CurrenciesCurrency, NotifierCreate, NotifierOut } from "~~/lib/api/types/data-contracts";
   import MdiAccount from "~icons/mdi/account";
   import MdiMegaphone from "~icons/mdi/megaphone";
   import MdiDelete from "~icons/mdi/delete";
diff --git a/frontend/stores/labels.ts b/frontend/stores/labels.ts
index 0cbbf75..1c1271a 100644
--- a/frontend/stores/labels.ts
+++ b/frontend/stores/labels.ts
@@ -1,5 +1,5 @@
 import { defineStore } from "pinia";
-import { LabelOut } from "~~/lib/api/types/data-contracts";
+import type { LabelOut } from "~~/lib/api/types/data-contracts";
 
 export const useLabelStore = defineStore("labels", {
   state: () => ({
diff --git a/frontend/stores/locations.ts b/frontend/stores/locations.ts
index 94bf7a4..c731199 100644
--- a/frontend/stores/locations.ts
+++ b/frontend/stores/locations.ts
@@ -1,6 +1,6 @@
 import { defineStore } from "pinia";
-import { LocationsApi } from "~~/lib/api/classes/locations";
-import { LocationOutCount, TreeItem } from "~~/lib/api/types/data-contracts";
+import type { LocationsApi } from "~~/lib/api/classes/locations";
+import type { LocationOutCount, TreeItem } from "~~/lib/api/types/data-contracts";
 
 export const useLocationStore = defineStore("locations", {
   state: () => ({