From ba120b470757fd6ddfa86bcb9a5f9351396fa6bf Mon Sep 17 00:00:00 2001
From: ThaiMing3 <tanthaiming@gmail.com>
Date: Thu, 11 Jan 2024 09:14:54 +0800
Subject: [PATCH] Fixed the eslint warnings in the frontend file

---
 frontend/components/global/Markdown.vue |  2 ++
 frontend/composables/use-confirm.ts     |  2 +-
 frontend/pages/item/[id]/index.vue      |  2 +-
 frontend/pages/item/[id]/index/edit.vue |  2 +-
 frontend/pages/label/[id].vue           |  7 ++++---
 frontend/pages/location/[id].vue        | 12 +++++++-----
 frontend/pages/profile.vue              |  3 ++-
 frontend/pages/tools.vue                |  3 ++-
 8 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/frontend/components/global/Markdown.vue b/frontend/components/global/Markdown.vue
index 0fb8a13..3eee45b 100644
--- a/frontend/components/global/Markdown.vue
+++ b/frontend/components/global/Markdown.vue
@@ -23,7 +23,9 @@
 </script>
 
 <template>
+  <!-- eslint-disable vue/no-v-html -->
   <div class="markdown" v-html="raw"></div>
+  <!--eslint-enable-->
 </template>
 
 <style scoped>
diff --git a/frontend/composables/use-confirm.ts b/frontend/composables/use-confirm.ts
index 04b2518..47e67f9 100644
--- a/frontend/composables/use-confirm.ts
+++ b/frontend/composables/use-confirm.ts
@@ -42,7 +42,7 @@ export function useConfirm(): Store {
     if (!store.title) {
       throw new Error("title is not defined");
     }
-  
+
     store.title.value = title;
     store.text.value = msg;
     return await store.reveal();
diff --git a/frontend/pages/item/[id]/index.vue b/frontend/pages/item/[id]/index.vue
index 41d28f6..a6856e9 100644
--- a/frontend/pages/item/[id]/index.vue
+++ b/frontend/pages/item/[id]/index.vue
@@ -586,7 +586,7 @@
         </template>
       </div>
     </section>
-    
+
     <section v-if="items && items.length > 0" class="my-6">
       <ItemViewSelectable :items="items" />
     </section>
diff --git a/frontend/pages/item/[id]/index/edit.vue b/frontend/pages/item/[id]/index/edit.vue
index 6cd4e03..35518fe 100644
--- a/frontend/pages/item/[id]/index/edit.vue
+++ b/frontend/pages/item/[id]/index/edit.vue
@@ -286,7 +286,7 @@
   const confirm = useConfirm();
 
   async function deleteAttachment(attachmentId: string) {
-    const confirmed = await confirm.open("Delete Attachment" , "Are you sure you want to delete this attachment?");
+    const confirmed = await confirm.open("Delete Attachment", "Are you sure you want to delete this attachment?");
 
     if (confirmed.isCanceled) {
       return;
diff --git a/frontend/pages/label/[id].vue b/frontend/pages/label/[id].vue
index e978a36..65c88c2 100644
--- a/frontend/pages/label/[id].vue
+++ b/frontend/pages/label/[id].vue
@@ -23,7 +23,8 @@
 
   async function confirmDelete() {
     const { isCanceled } = await confirm.open(
-      "Delete Label" , "Are you sure you want to delete this label? This action cannot be undone."
+      "Delete Label",
+      "Are you sure you want to delete this label? This action cannot be undone."
     );
 
     if (isCanceled) {
@@ -93,8 +94,8 @@
     <BaseModal v-model="updateModal">
       <template #title> Update Label </template>
       <form v-if="label" @submit.prevent="update">
-        <FormTextField class="mt-3" v-model="updateData.name" :autofocus="true" label="Label Name" />
-        <FormTextArea class="mt-2" v-model="updateData.description" label="Label Description" />
+        <FormTextField v-model="updateData.name" class="mt-3" :autofocus="true" label="Label Name" />
+        <FormTextArea v-model="updateData.description" class="mt-2" label="Label Description" />
         <div class="modal-action">
           <BaseButton type="submit" :loading="updating"> Update </BaseButton>
         </div>
diff --git a/frontend/pages/location/[id].vue b/frontend/pages/location/[id].vue
index ec593be..5f71bd0 100644
--- a/frontend/pages/location/[id].vue
+++ b/frontend/pages/location/[id].vue
@@ -31,7 +31,8 @@
 
   async function confirmDelete() {
     const { isCanceled } = await confirm.open(
-      "Delete Location", "Are you sure you want to delete this location and all of its items? This action cannot be undone."
+      "Delete Location",
+      "Are you sure you want to delete this location and all of its items? This action cannot be undone."
     );
     if (isCanceled) {
       return;
@@ -108,9 +109,9 @@
     <BaseModal v-model="updateModal">
       <template #title> Update Location </template>
       <form v-if="location" @submit.prevent="update">
-        <FormTextField class="mt-3" v-model="updateData.name" :autofocus="true" label="Location Name" />
-        <FormTextArea class="mt-2" v-model="updateData.description" label="Location Description" />
-        <LocationSelector class="mt-2" v-model="parent" />
+        <FormTextField v-model="updateData.name" class="mt-3" :autofocus="true" label="Location Name" />
+        <FormTextArea v-model="updateData.description" class="mt-2" label="Location Description" />
+        <LocationSelector v-model="parent" class="mt-2" />
         <div class="modal-action">
           <BaseButton type="submit" :loading="updating"> Update </BaseButton>
         </div>
@@ -159,7 +160,8 @@
           </div>
         </header>
         <div class="divider my-0 mb-1"></div>
-        <Markdown v-if="location && location.description" class="text-base ml-2" :source="location.description"> </Markdown>
+        <Markdown v-if="location && location.description" class="text-base ml-2" :source="location.description">
+        </Markdown>
       </div>
       <section v-if="location && items">
         <ItemViewSelectable :items="items" />
diff --git a/frontend/pages/profile.vue b/frontend/pages/profile.vue
index 8568542..8d6a8f1 100644
--- a/frontend/pages/profile.vue
+++ b/frontend/pages/profile.vue
@@ -97,7 +97,8 @@
 
   async function deleteProfile() {
     const result = await confirm.open(
-      "Delete Account", "Are you sure you want to delete your account? If you are the last member in your group all your data will be deleted. This action cannot be undone."
+      "Delete Account",
+      "Are you sure you want to delete your account? If you are the last member in your group all your data will be deleted. This action cannot be undone."
     );
 
     if (result.isCanceled) {
diff --git a/frontend/pages/tools.vue b/frontend/pages/tools.vue
index e26d6e4..4afd403 100644
--- a/frontend/pages/tools.vue
+++ b/frontend/pages/tools.vue
@@ -125,7 +125,8 @@
 
   async function ensureAssetIDs() {
     const { isCanceled } = await confirm.open(
-      "Ensure Asset IDs", "Are you sure you want to ensure all assets have an ID? This can take a while and cannot be undone."
+      "Ensure Asset IDs",
+      "Are you sure you want to ensure all assets have an ID? This can take a while and cannot be undone."
     );
 
     if (isCanceled) {