From 2a2948fd24029e4c5ae00624d80fbda7b8da1f03 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BE=9D=E7=91=AA=E8=B2=93?= <imacat@mail.imacat.idv.tw>
Date: Sun, 8 Mar 2026 12:30:17 +0800
Subject: [PATCH] Re-enable key Vue lint rules and fix resulting violations

Co-Authored-By: Codex <codex@openai.com>
---
 eslint.config.mjs                                      |  8 ++++----
 src/components/Compare/SidebarStates.vue               | 10 ++++++----
 .../Discover/Conformance/ConformanceResults.vue        |  8 +++-----
 .../Conformance/ConformanceSidebar/ActSeqDrag.vue      |  2 +-
 src/components/Discover/Map/Filter/ActAndSeq.vue       |  6 +++---
 src/components/Discover/Map/Filter/ActOcc.vue          |  2 +-
 src/components/Discover/Map/Filter/ActOccCase.vue      |  2 +-
 src/components/Discover/StatusBar.vue                  |  4 ++--
 src/components/durationjs.vue                          |  2 +-
 src/views/AccountManagement/MyAccount.vue              |  2 +-
 10 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/eslint.config.mjs b/eslint.config.mjs
index 1bdaee1..fcf5e17 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -119,10 +119,10 @@ export default [
       "vue/multi-word-component-names": "off",
       "vue/no-side-effects-in-computed-properties": "off",
       "vue/return-in-computed-property": "off",
-      "vue/no-parsing-error": "off",
-      "vue/valid-v-else": "off",
-      "vue/no-deprecated-v-on-native-modifier": "off",
-      "vue/require-valid-default-prop": "off",
+      "vue/no-parsing-error": "error",
+      "vue/valid-v-else": "error",
+      "vue/no-deprecated-v-on-native-modifier": "error",
+      "vue/require-valid-default-prop": "error",
       "vue/no-unused-vars": "off",
     },
   },
diff --git a/src/components/Compare/SidebarStates.vue b/src/components/Compare/SidebarStates.vue
index 2fd9ba3..4528a14 100644
--- a/src/components/Compare/SidebarStates.vue
+++ b/src/components/Compare/SidebarStates.vue
@@ -112,9 +112,9 @@
         <div class="pt-1 pb-4 border-b border-neutral-300">
           <p class="h2">Log Timeframe</p>
           <div class="space-y-2 text-sm text-center">
-            <span class="block">{{ primaryStatData.started_at }}&nbsp</span>
+            <span class="block">{{ primaryStatData.started_at }}&nbsp;</span>
             <span class="block">~</span>
-            <span class="block">&nbsp{{ primaryStatData.completed_at }}</span>
+            <span class="block">&nbsp;{{ primaryStatData.completed_at }}</span>
           </div>
         </div>
         <!-- Case Duration -->
@@ -250,9 +250,11 @@
         <div class="pt-1 pb-4 border-b border-neutral-300">
           <p class="h2">Log Timeframe</p>
           <div class="space-y-2 text-sm text-center">
-            <span class="block">{{ secondaryStatData.started_at }}&nbsp</span>
+            <span class="block">{{ secondaryStatData.started_at }}&nbsp;</span>
             <span class="block">~</span>
-            <span class="block">&nbsp{{ secondaryStatData.completed_at }}</span>
+            <span class="block"
+              >&nbsp;{{ secondaryStatData.completed_at }}</span
+            >
           </div>
         </div>
         <!-- Case Duration -->
diff --git a/src/components/Discover/Conformance/ConformanceResults.vue b/src/components/Discover/Conformance/ConformanceResults.vue
index c6e194f..5bdf23d 100644
--- a/src/components/Discover/Conformance/ConformanceResults.vue
+++ b/src/components/Discover/Conformance/ConformanceResults.vue
@@ -75,7 +75,7 @@
             ><span class="text-cfm-primary">{{
               data.charts.cases.conforming
             }}</span
-            >&nbsp/&nbsp{{ data.charts.cases.total }}</span
+            >&nbsp;/&nbsp;{{ data.charts.cases.total }}</span
           >
         </div>
         <Chart
@@ -253,9 +253,7 @@
               data.timeTrend.chart === null
             "
           ></div>
-          <p v-else="data.loops === null" class="h2 text-base">
-            Non-conformance Issues
-          </p>
+          <p v-else class="h2 text-base">Non-conformance Issues</p>
         </div>
         <div
           class="flex w-full"
@@ -285,7 +283,7 @@
                 ><span class="text-cfm-secondary">{{
                   data.timeTrend.not_conforming
                 }}</span
-                >&nbsp/&nbsp{{ data.timeTrend.total }}</span
+                >&nbsp;/&nbsp;{{ data.timeTrend.total }}</span
               >
             </p>
             <Chart
diff --git a/src/components/Discover/Conformance/ConformanceSidebar/ActSeqDrag.vue b/src/components/Discover/Conformance/ConformanceSidebar/ActSeqDrag.vue
index b719b9b..68c5041 100644
--- a/src/components/Discover/Conformance/ConformanceSidebar/ActSeqDrag.vue
+++ b/src/components/Discover/Conformance/ConformanceSidebar/ActSeqDrag.vue
@@ -83,7 +83,7 @@
                   </div>
                   <span
                     class="material-symbols-outlined pl-1 cursor-pointer duration-300 hover:text-danger"
-                    @click.stop.native="moveSeqItem(index, element)"
+                    @click.stop="moveSeqItem(index, element)"
                     >close</span
                   >
                 </div>
diff --git a/src/components/Discover/Map/Filter/ActAndSeq.vue b/src/components/Discover/Map/Filter/ActAndSeq.vue
index 8964bd4..5d2a400 100644
--- a/src/components/Discover/Map/Filter/ActAndSeq.vue
+++ b/src/components/Discover/Map/Filter/ActAndSeq.vue
@@ -4,7 +4,7 @@
     class="bg-neutral-10 border border-neutral-300 rounded-xl px-4 w-full h-full"
   >
     <div class="flex justify-between items-center my-2 flex-wrap">
-      <p class="h2">Activity List&nbsp({{ data.length }})</p>
+      <p class="h2">Activity List&nbsp;({{ data.length }})</p>
     </div>
     <!-- Table -->
     <div
@@ -76,7 +76,7 @@
     class="bg-neutral-10 border border-neutral-300 rounded-xl px-4 pb-4 w-full h-full relative text-sm"
   >
     <p class="h2 border-b border-500 my-2">
-      Sequence&nbsp({{ listSeq.length }})
+      Sequence&nbsp;({{ listSeq.length }})
     </p>
     <!-- No Data -->
     <div
@@ -117,7 +117,7 @@
                 </div>
                 <span
                   class="material-symbols-outlined pl-1 cursor-pointer duration-300 hover:text-danger"
-                  @click.stop.native="moveSeqItem(index, element)"
+                  @click.stop="moveSeqItem(index, element)"
                   >close</span
                 >
               </div>
diff --git a/src/components/Discover/Map/Filter/ActOcc.vue b/src/components/Discover/Map/Filter/ActOcc.vue
index 3372511..eddbd64 100644
--- a/src/components/Discover/Map/Filter/ActOcc.vue
+++ b/src/components/Discover/Map/Filter/ActOcc.vue
@@ -3,7 +3,7 @@
     class="bg-neutral-10 border border-neutral-300 rounded-xl px-4 w-full h-full"
   >
     <div class="flex justify-between items-center my-2 flex-wrap">
-      <p class="h2">{{ tableTitle }}&nbsp({{ tableData.length }})</p>
+      <p class="h2">{{ tableTitle }}&nbsp;({{ tableData.length }})</p>
     </div>
     <!-- Table -->
     <div
diff --git a/src/components/Discover/Map/Filter/ActOccCase.vue b/src/components/Discover/Map/Filter/ActOccCase.vue
index 89a543e..8c16cd7 100644
--- a/src/components/Discover/Map/Filter/ActOccCase.vue
+++ b/src/components/Discover/Map/Filter/ActOccCase.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="bg-neutral-10 border border-neutral-300 rounded-xl px-4 h-full">
     <div class="flex justify-between items-center my-2">
-      <p class="h2">{{ tableTitle }}&nbsp({{ data.length }})</p>
+      <p class="h2">{{ tableTitle }}&nbsp;({{ data.length }})</p>
     </div>
     <!-- Table -->
     <div
diff --git a/src/components/Discover/StatusBar.vue b/src/components/Discover/StatusBar.vue
index b03c2bb..e6a675a 100644
--- a/src/components/Discover/StatusBar.vue
+++ b/src/components/Discover/StatusBar.vue
@@ -92,8 +92,8 @@
       <li class="bg-neutral-10 rounded p-3 w-full">
         <p class="font-bold text-sm leading-8 mb-2.5">Log Timeframe</p>
         <div class="px-2 space-y-2 min-w-[140px] h-[40px]">
-          <span class="inline-block">{{ statData.started_at }}&nbsp</span>
-          <span class="inline-block">~&nbsp{{ statData.completed_at }}</span>
+          <span class="inline-block">{{ statData.started_at }}&nbsp;</span>
+          <span class="inline-block">~&nbsp;{{ statData.completed_at }}</span>
         </div>
       </li>
       <li class="bg-neutral-10 rounded p-3 w-full">
diff --git a/src/components/durationjs.vue b/src/components/durationjs.vue
index eb88954..a246be9 100644
--- a/src/components/durationjs.vue
+++ b/src/components/durationjs.vue
@@ -98,7 +98,7 @@ const props = defineProps({
   },
   size: {
     type: String,
-    default: false,
+    default: "md",
     required: true,
   },
   value: {
diff --git a/src/views/AccountManagement/MyAccount.vue b/src/views/AccountManagement/MyAccount.vue
index aeb470d..78f6114 100644
--- a/src/views/AccountManagement/MyAccount.vue
+++ b/src/views/AccountManagement/MyAccount.vue
@@ -79,7 +79,7 @@
           <Button :buttonText="i18next.t('Global.Cancel')" />
         </div>
         <div
-          v-else="isPwdEditable"
+          v-else
           class="edit-btn btn-container flex ml-[204px]"
           @click="onEditNameClick"
         >