chore: bump deps (#810)

hay-kot · web-flow · commit b77c9be36fdb · 2024-03-01T09:08:14.000-09:00
* bump prettier/eslint-plugin

* bump nuxt pwa

* use typed imports

* set vue version to fix layout errors

* disable import
diff --git 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/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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -1,14 +1,15 @@
 // 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
 // - https://github.com/nuxt/cli/issues/107
 //
 // fix from
 // - https://gist.github.com/ucw/67f7291c64777fb24341e8eae72bcd24
-import { createProxyServer } from "http-proxy"; // eslint-disable-line import/named
+// eslint-disable-next-line
+import { createProxyServer } from "http-proxy";
 
 export default defineNuxtModule({
   defaults: {
diff --git a/frontend/package.json b/frontend/package.json
diff --git a/frontend/pages/home/statistics.ts b/frontend/pages/home/statistics.ts
diff --git a/frontend/pages/home/table.ts b/frontend/pages/home/table.ts
diff --git a/frontend/pages/item/[id]/index.vue b/frontend/pages/item/[id]/index.vue
diff --git a/frontend/pages/item/[id]/index/edit.vue b/frontend/pages/item/[id]/index/edit.vue
diff --git a/frontend/pages/item/[id]/index/maintenance.vue b/frontend/pages/item/[id]/index/maintenance.vue
diff --git a/frontend/pages/items.vue b/frontend/pages/items.vue
diff --git a/frontend/pages/location/[id].vue b/frontend/pages/location/[id].vue
diff --git a/frontend/pages/profile.vue b/frontend/pages/profile.vue
diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
diff --git a/frontend/stores/labels.ts b/frontend/stores/labels.ts
diff --git a/frontend/stores/locations.ts b/frontend/stores/locations.ts
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { ItemSummary } from "~~/lib/api/types/data-contracts";`
	`1`	`+import type { ItemSummary } from "~~/lib/api/types/data-contracts";`
`2`	`2`
`3`	`3`	`export type TableHeader = {`
`4`	`4`	`text: string;`