Enable multi-word Vue component names with explicit naming

Co-Authored-By: Codex <codex@openai.com>

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",

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:

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:

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:

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:

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:

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:

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:

src/components/Loading.vue

@@ -9,3 +9,7 @@
     <span class="loader block"></span>
   </div>
 </template>
+
+<script setup>
+defineOptions({ name: "LoadingOverlayComponent" });
+</script>

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:

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:

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:

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:

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) {

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");
 

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");
 

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:

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:

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:

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) => {