From ae03b9ceddbc65445f3cc1afb5fd44a5d78244b9 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 13:01:16 +0800
Subject: [PATCH] Enable multi-word Vue component names with explicit naming

Co-Authored-By: Codex <codex@openai.com>
---
 eslint.config.mjs                                 | 4 ++--
 src/components/Badge.vue                          | 1 +
 src/components/Button.vue                         | 1 +
 src/components/Discover/Map/Filter/Attributes.vue | 1 +
 src/components/Discover/Map/Filter/Funnel.vue     | 1 +
 src/components/Discover/Map/Filter/Timeframes.vue | 1 +
 src/components/Discover/Map/Filter/Trace.vue      | 1 +
 src/components/Header.vue                         | 1 +
 src/components/Loading.vue                        | 4 ++++
 src/components/Navbar.vue                         | 1 +
 src/components/Search.vue                         | 1 +
 src/components/durationjs.vue                     | 1 +
 src/views/Compare/Dashboard/Compare.vue           | 1 +
 src/views/Discover/Conformance/index.vue          | 1 +
 src/views/Discover/Map/Map.vue                    | 1 +
 src/views/Discover/Performance/index.vue          | 1 +
 src/views/Files/Files.vue                         | 1 +
 src/views/Login/Login.vue                         | 1 +
 src/views/MemberArea/index.vue                    | 1 +
 src/views/Upload/index.vue                        | 1 +
 20 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/eslint.config.mjs b/eslint.config.mjs
index dd94eff..9874c34 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -78,7 +78,7 @@ export default [
       },
     },
     rules: {
-      "vue/multi-word-component-names": "off",
+      "vue/multi-word-component-names": "error",
     },
   },
   ...pluginVue.configs["flat/essential"],
@@ -116,7 +116,7 @@ export default [
   {
     files: ["src/**/*.vue", "src/views/**/*.vue", "src/components/**/*.vue"],
     rules: {
-      "vue/multi-word-component-names": "off",
+      "vue/multi-word-component-names": "error",
       "vue/no-side-effects-in-computed-properties": "error",
       "vue/return-in-computed-property": "error",
       "vue/no-parsing-error": "error",
diff --git a/src/components/Badge.vue b/src/components/Badge.vue
index 7fa25dd..3e4a62d 100644
--- a/src/components/Badge.vue
+++ b/src/components/Badge.vue
@@ -13,6 +13,7 @@
 </template>
 
 <script setup>
+defineOptions({ name: "StatusBadgeComponent" });
 // The Lucia project.
 // Copyright 2024-2026 DSP, inc.  All rights reserved.
 // Authors:
diff --git a/src/components/Button.vue b/src/components/Button.vue
index bb8f50f..54eb445 100644
--- a/src/components/Button.vue
+++ b/src/components/Button.vue
@@ -14,6 +14,7 @@
 </template>
 
 <script setup>
+defineOptions({ name: "ActionButtonComponent" });
 // The Lucia project.
 // Copyright 2024-2026 DSP, inc.  All rights reserved.
 // Authors:
diff --git a/src/components/Discover/Map/Filter/Attributes.vue b/src/components/Discover/Map/Filter/Attributes.vue
index f47ae26..51557f5 100644
--- a/src/components/Discover/Map/Filter/Attributes.vue
+++ b/src/components/Discover/Map/Filter/Attributes.vue
@@ -307,6 +307,7 @@
   </section>
 </template>
 <script setup>
+defineOptions({ name: "AttributesFilterComponent" });
 // The Lucia project.
 // Copyright 2023-2026 DSP, inc.  All rights reserved.
 // Authors:
diff --git a/src/components/Discover/Map/Filter/Funnel.vue b/src/components/Discover/Map/Filter/Funnel.vue
index 5a03d65..88feb15 100644
--- a/src/components/Discover/Map/Filter/Funnel.vue
+++ b/src/components/Discover/Map/Filter/Funnel.vue
@@ -73,6 +73,7 @@
 </template>
 
 <script setup>
+defineOptions({ name: "FunnelFilterComponent" });
 // The Lucia project.
 // Copyright 2023-2026 DSP, inc.  All rights reserved.
 // Authors:
diff --git a/src/components/Discover/Map/Filter/Timeframes.vue b/src/components/Discover/Map/Filter/Timeframes.vue
index 54fdf6f..73c4287 100644
--- a/src/components/Discover/Map/Filter/Timeframes.vue
+++ b/src/components/Discover/Map/Filter/Timeframes.vue
@@ -63,6 +63,7 @@
   </div>
 </template>
 <script setup>
+defineOptions({ name: "TimeframesFilterComponent" });
 // The Lucia project.
 // Copyright 2023-2026 DSP, inc.  All rights reserved.
 // Authors:
diff --git a/src/components/Discover/Map/Filter/Trace.vue b/src/components/Discover/Map/Filter/Trace.vue
index 3aacaff..907abf0 100644
--- a/src/components/Discover/Map/Filter/Trace.vue
+++ b/src/components/Discover/Map/Filter/Trace.vue
@@ -121,6 +121,7 @@
 </template>
 
 <script setup>
+defineOptions({ name: "TraceFilterComponent" });
 // The Lucia project.
 // Copyright 2023-2026 DSP, inc.  All rights reserved.
 // Authors:
diff --git a/src/components/Header.vue b/src/components/Header.vue
index fbd947c..bc797d1 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -36,6 +36,7 @@
 </template>
 
 <script setup>
+defineOptions({ name: "AppHeaderComponent" });
 // The Lucia project.
 // Copyright 2023-2026 DSP, inc.  All rights reserved.
 // Authors:
diff --git a/src/components/Loading.vue b/src/components/Loading.vue
index aac611f..cad0f5e 100644
--- a/src/components/Loading.vue
+++ b/src/components/Loading.vue
@@ -9,3 +9,7 @@
     <span class="loader block"></span>
   </div>
 </template>
+
+<script setup>
+defineOptions({ name: "LoadingOverlayComponent" });
+</script>
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index 2cc6ae0..c5dd00a 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -79,6 +79,7 @@
   </nav>
 </template>
 <script setup>
+defineOptions({ name: "AppNavbarComponent" });
 // The Lucia project.
 // Copyright 2023-2026 DSP, inc.  All rights reserved.
 // Authors:
diff --git a/src/components/Search.vue b/src/components/Search.vue
index 8410234..8802da4 100644
--- a/src/components/Search.vue
+++ b/src/components/Search.vue
@@ -24,6 +24,7 @@
 </template>
 
 <script setup>
+defineOptions({ name: "ActivitySearchComponent" });
 // The Lucia project.
 // Copyright 2023-2026 DSP, inc.  All rights reserved.
 // Authors:
diff --git a/src/components/durationjs.vue b/src/components/durationjs.vue
index a246be9..188d88d 100644
--- a/src/components/durationjs.vue
+++ b/src/components/durationjs.vue
@@ -50,6 +50,7 @@
 </template>
 
 <script setup>
+defineOptions({ name: "DurationInputComponent" });
 // The Lucia project.
 // Copyright 2023-2026 DSP, inc.  All rights reserved.
 // Authors:
diff --git a/src/views/Compare/Dashboard/Compare.vue b/src/views/Compare/Dashboard/Compare.vue
index 0d87a9a..75757ea 100644
--- a/src/views/Compare/Dashboard/Compare.vue
+++ b/src/views/Compare/Dashboard/Compare.vue
@@ -262,6 +262,7 @@
   </main>
 </template>
 <script setup>
+defineOptions({ name: "CompareDashboardPage" });
 // The Lucia project.
 // Copyright 2024-2026 DSP, inc.  All rights reserved.
 // Authors:
diff --git a/src/views/Discover/Conformance/index.vue b/src/views/Discover/Conformance/index.vue
index 413426c..ff1af59 100644
--- a/src/views/Discover/Conformance/index.vue
+++ b/src/views/Discover/Conformance/index.vue
@@ -22,6 +22,7 @@
 import { useConformanceStore as useConformanceStoreInGuard } from "@/stores/conformance";
 
 export default {
+  name: "DiscoverConformancePage",
   async beforeRouteEnter(to, from, next) {
     const isCheckPage = to.name.includes("Check");
     if (isCheckPage) {
diff --git a/src/views/Discover/Map/Map.vue b/src/views/Discover/Map/Map.vue
index 88da852..4a57ef1 100644
--- a/src/views/Discover/Map/Map.vue
+++ b/src/views/Discover/Map/Map.vue
@@ -123,6 +123,7 @@
 import { useConformanceStore } from "@/stores/conformance";
 
 export default {
+  name: "DiscoverMapPage",
   async beforeRouteEnter(to, from, next) {
     const isCheckPage = to.name.includes("Check");
 
diff --git a/src/views/Discover/Performance/index.vue b/src/views/Discover/Performance/index.vue
index 9216dda..12e4c76 100644
--- a/src/views/Discover/Performance/index.vue
+++ b/src/views/Discover/Performance/index.vue
@@ -249,6 +249,7 @@
 import { useConformanceStore } from "@/stores/conformance";
 
 export default {
+  name: "DiscoverPerformancePage",
   async beforeRouteEnter(to, from, next) {
     const isCheckPage = to.name.includes("Check");
 
diff --git a/src/views/Files/Files.vue b/src/views/Files/Files.vue
index 8b4a52b..d6e72a9 100644
--- a/src/views/Files/Files.vue
+++ b/src/views/Files/Files.vue
@@ -455,6 +455,7 @@
   </div>
 </template>
 <script setup>
+defineOptions({ name: "FilesPage" });
 // The Lucia project.
 // Copyright 2024-2026 DSP, inc.  All rights reserved.
 // Authors:
diff --git a/src/views/Login/Login.vue b/src/views/Login/Login.vue
index 9399fc6..1d01a76 100644
--- a/src/views/Login/Login.vue
+++ b/src/views/Login/Login.vue
@@ -79,6 +79,7 @@
 </template>
 
 <script setup>
+defineOptions({ name: "LoginPage" });
 // The Lucia project.
 // Copyright 2024-2026 DSP, inc.  All rights reserved.
 // Authors:
diff --git a/src/views/MemberArea/index.vue b/src/views/MemberArea/index.vue
index 3961a5c..b3a0395 100644
--- a/src/views/MemberArea/index.vue
+++ b/src/views/MemberArea/index.vue
@@ -11,6 +11,7 @@
 </template>
 
 <script setup>
+defineOptions({ name: "MemberAreaPage" });
 // The Lucia project.
 // Copyright 2023-2026 DSP, inc.  All rights reserved.
 // Authors:
diff --git a/src/views/Upload/index.vue b/src/views/Upload/index.vue
index 6a41c33..b7a239c 100644
--- a/src/views/Upload/index.vue
+++ b/src/views/Upload/index.vue
@@ -155,6 +155,7 @@
 import { useFilesStore } from "@/stores/files";
 
 export default {
+  name: "UploadPage",
   beforeRouteEnter(to, from, next) {
     // An uploadID is required to enter this page
     next((vm) => {