fix: minor problems hinted by eslint

app/components/Photo/Card/PhotoCard.vue

@@ -66,7 +66,7 @@
 </template>
 
 <script setup lang="ts">
-import { type Photo } from "~/types";
+import type { Photo } from "~/types";
 const props = defineProps<{
   photo: Photo;
   disabled?: boolean;

app/components/Upload/UploadPreviewBar.vue

@@ -175,11 +175,11 @@ const upload = async (finishedEachCb?: FinishEachCb) => {
       processedFile.value!,
       key.value,
     );
-    finishedEachCb && finishedEachCb(key.value, file.value.name, true);
+    if (finishedEachCb) finishedEachCb(key.value, file.value.name, true);
     return { key: key.value, name: file.value.name, success: true };
   } catch (e) {
     console.error(e);
-    finishedEachCb && finishedEachCb(key.value, file.value.name, false);
+    if (finishedEachCb) finishedEachCb(key.value, file.value.name, false);
     return { key: key.value, name: file.value.name, success: false };
   }
 };

app/components/Upload/UploadWrapper.vue

@@ -35,7 +35,6 @@
 
 <script setup lang="ts">
 import type { UploadedFileLinkObj } from "~/types";
-import { type UploadPreviewBar } from "#components";
 
 const { t } = useI18n();
 const settings = useSettingsStore();
@@ -48,7 +47,7 @@ const uploadedLinks = defineModel("uploadedLinks", {
 const uploading = ref(false);
 
 const fileList = ref<File[]>([]);
-const previewBars = ref<InstanceType<typeof UploadPreviewBar>[] | null>(null);
+const previewBars = useTemplateRef("previewBars");
 
 const uploadProgress = ref(0);
 const uploadProgressMax = ref(0);
@@ -67,7 +66,7 @@ const upload = async () => {
 
   const uploadPromises =
     previewBars.value?.map((previewBar) => {
-      return previewBar.upload(() => {
+      return previewBar?.upload(() => {
         uploadProgress.value++;
       });
     }) ?? [];
@@ -82,6 +81,7 @@ const upload = async () => {
 
   // delete successful uploaded files
   uploadedStates.forEach((state) => {
+    if (!state) return;
     if (state.success) {
       const index = fileList.value.findIndex(
         (file) => file.name === state.name,
@@ -101,7 +101,7 @@ const upload = async () => {
   if (failedUploads.length > 0) {
     toast.add({
       title: t("upload.message.uploadFailed.title"),
-      description: failedUploads.map((state) => state.key).join(", "),
+      description: failedUploads.map((state) => state?.key).join(", "),
       actions: [
         {
           label: t("upload.message.uploadFailed.actions.goToSettings"),

app/types/AppSettings.ts

@@ -1,7 +1,6 @@
 import { z } from "zod";
 type Prettify<T> = {
   [K in keyof T]: T[K];
-  // eslint-disable-next-line @typescript-eslint/ban-types
 } & {};
 
 export const convertTypes = ["none", "jpg", "webp"] as const;

app/utils/ImageS3Client.ts

@@ -6,7 +6,7 @@ import {
   GetObjectCommand,
   HeadObjectCommand,
 } from "@aws-sdk/client-s3";
-import { type S3Settings, type Photo } from "~/types";
+import type { S3Settings, Photo } from "~/types";
 import mime from "mime";
 
 class ImageS3Client {

app/utils/testOps.ts

@@ -12,6 +12,7 @@ const checkGrantedToUpload = async (
     debug("Granted to upload!");
     return true;
   } catch (e) {
+    console.error(e);
     return false;
   }
 };
@@ -23,6 +24,7 @@ const checkGrantedToList = async (s3Settings: S3Settings) => {
     debug("Granted to list!");
     return true;
   } catch (e) {
+    console.error(e);
     return false;
   }
 };
@@ -34,6 +36,7 @@ const checkGrantedToDelete = async (s3Settings: S3Settings, key: string) => {
     debug("Granted to delete!");
     return true;
   } catch (e) {
+    console.error(e);
     return false;
   }
 };

eslint.config.mjs

@@ -6,5 +6,6 @@ export default withNuxt({
     camelcase: ["warn", { ignoreDestructuring: true }],
     "no-console": ["warn", { allow: ["warn", "error"] }],
     "vue/html-self-closing": ["off"], // Avoid conflicts with Prettier
+    "@typescript-eslint/ban-types": ["off"],
   },
 });