Rename single-word Vue files to multi-word names and update references

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

src/components/ActionButton.vue

@@ -14,7 +14,6 @@
 </template>
 
 <script setup>
-defineOptions({ name: "ActionButtonComponent" });
 // The Lucia project.
 // Copyright 2024-2026 DSP, inc.  All rights reserved.
 // Authors:

src/components/ActivitySearch.vue

@@ -24,7 +24,6 @@
 </template>
 
 <script setup>
-defineOptions({ name: "ActivitySearchComponent" });
 // The Lucia project.
 // Copyright 2023-2026 DSP, inc.  All rights reserved.
 // Authors:

src/components/AppHeader.vue

@@ -36,7 +36,6 @@
 </template>
 
 <script setup>
-defineOptions({ name: "AppHeaderComponent" });
 // The Lucia project.
 // Copyright 2023-2026 DSP, inc.  All rights reserved.
 // Authors:

src/components/AppNavbar.vue

@@ -79,7 +79,6 @@
   </nav>
 </template>
 <script setup>
-defineOptions({ name: "AppNavbarComponent" });
 // The Lucia project.
 // Copyright 2023-2026 DSP, inc.  All rights reserved.
 // Authors:

src/components/Discover/Conformance/ConformanceSidebar/TimeRangeDuration.vue

@@ -35,7 +35,7 @@
  */
 
 import { ref, watch } from "vue";
-import Durationjs from "@/components/durationjs.vue";
+import Durationjs from "@/components/DurationInput.vue";
 
 const props = defineProps(["time", "select"]);
 const emit = defineEmits(["min-total-seconds", "max-total-seconds"]);

src/components/Discover/Map/Filter/AttributesFilter.vue

@@ -307,7 +307,6 @@
   </section>
 </template>
 <script setup>
-defineOptions({ name: "AttributesFilterComponent" });
 // The Lucia project.
 // Copyright 2023-2026 DSP, inc.  All rights reserved.
 // Authors:

src/components/Discover/Map/Filter/FunnelFilter.vue

@@ -73,7 +73,6 @@
 </template>
 
 <script setup>
-defineOptions({ name: "FunnelFilterComponent" });
 // The Lucia project.
 // Copyright 2023-2026 DSP, inc.  All rights reserved.
 // Authors:

src/components/Discover/Map/Filter/TimeframesFilter.vue

@@ -63,7 +63,6 @@
   </div>
 </template>
 <script setup>
-defineOptions({ name: "TimeframesFilterComponent" });
 // The Lucia project.
 // Copyright 2023-2026 DSP, inc.  All rights reserved.
 // Authors:

src/components/Discover/Map/Filter/TraceFilter.vue

@@ -121,7 +121,6 @@
 </template>
 
 <script setup>
-defineOptions({ name: "TraceFilterComponent" });
 // The Lucia project.
 // Copyright 2023-2026 DSP, inc.  All rights reserved.
 // Authors:

src/components/Discover/Map/SidebarFilter.vue

@@ -292,10 +292,10 @@ import { useAllMapDataStore } from "@/stores/allMapData";
 import ActOccCase from "@/components/Discover/Map/Filter/ActOccCase.vue";
 import ActOcc from "@/components/Discover/Map/Filter/ActOcc.vue";
 import ActAndSeq from "@/components/Discover/Map/Filter/ActAndSeq.vue";
-import Attributes from "@/components/Discover/Map/Filter/Attributes.vue";
-import Funnel from "@/components/Discover/Map/Filter/Funnel.vue";
-import Trace from "@/components/Discover/Map/Filter/Trace.vue";
-import Timeframes from "@/components/Discover/Map/Filter/Timeframes.vue";
+import Attributes from "@/components/Discover/Map/Filter/AttributesFilter.vue";
+import Funnel from "@/components/Discover/Map/Filter/FunnelFilter.vue";
+import Trace from "@/components/Discover/Map/Filter/TraceFilter.vue";
+import Timeframes from "@/components/Discover/Map/Filter/TimeframesFilter.vue";
 import emitter from "@/utils/emitter";
 import getMoment from "moment";
 

src/components/DurationInput.vue

@@ -50,7 +50,6 @@
 </template>
 
 <script setup>
-defineOptions({ name: "DurationInputComponent" });
 // The Lucia project.
 // Copyright 2023-2026 DSP, inc.  All rights reserved.
 // Authors:

src/components/LoadingOverlay.vue

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

src/components/StatusBadge.vue

@@ -13,7 +13,6 @@
 </template>
 
 <script setup>
-defineOptions({ name: "StatusBadgeComponent" });
 // The Lucia project.
 // Copyright 2024-2026 DSP, inc.  All rights reserved.
 // Authors:

src/router/index.ts

@@ -12,17 +12,17 @@
 import { createRouter, createWebHistory } from "vue-router";
 import AuthContainer from "@/views/AuthContainer.vue";
 import MainContainer from "@/views/MainContainer.vue";
-import Login from "@/views/Login/Login.vue";
-import Files from "@/views/Files/Files.vue";
-import Upload from "@/views/Upload/index.vue";
-import Map from "@/views/Discover/Map/Map.vue";
-import Conformance from "@/views/Discover/Conformance/index.vue";
-import Performance from "@/views/Discover/Performance/index.vue";
-import CompareDashboard from "@/views/Compare/Dashboard/Compare.vue";
+import Login from "@/views/Login/LoginPage.vue";
+import Files from "@/views/Files/FilesPage.vue";
+import Upload from "@/views/Upload/UploadPage.vue";
+import Map from "@/views/Discover/Map/MapPage.vue";
+import Conformance from "@/views/Discover/Conformance/ConformancePage.vue";
+import Performance from "@/views/Discover/Performance/PerformancePage.vue";
+import CompareDashboard from "@/views/Compare/Dashboard/CompareDashboard.vue";
 import MapCompare from "@/views/Compare/MapCompare.vue";
 import AccountAdmin from "@/views/AccountManagement/AccountAdmin/AccountAdmin.vue";
 import MyAccount from "@/views/AccountManagement/MyAccount.vue";
-import MemberArea from "@/views/MemberArea/index.vue";
+import MemberArea from "@/views/MemberArea/MemberAreaPage.vue";
 import NotFound404 from "@/views/NotFound404.vue";
 
 const routes = [

src/views/AccountManagement/ModalAccountInfo.vue

@@ -51,7 +51,7 @@ import { onBeforeMount, computed, ref } from "vue";
 import i18next from "@/i18n/i18n.js";
 import { useAcctMgmtStore } from "@/stores/acctMgmt";
 import ModalHeader from "./ModalHeader.vue";
-import Badge from "../../components/Badge.vue";
+import Badge from "../../components/StatusBadge.vue";
 
 const acctMgmtStore = useAcctMgmtStore();
 const visitTime = ref(0);

src/views/AccountManagement/MyAccount.vue

@@ -199,9 +199,9 @@ import { onMounted, computed, ref } from "vue";
 import i18next from "@/i18n/i18n.js";
 import { useLoginStore } from "@/stores/login";
 import { useAcctMgmtStore } from "@/stores/acctMgmt";
-import Badge from "../../components/Badge.vue";
+import Badge from "../../components/StatusBadge.vue";
 import { useLoadingStore } from "@/stores/loading";
-import Button from "@/components/Button.vue";
+import Button from "@/components/ActionButton.vue";
 import ButtonFilled from "@/components/ButtonFilled.vue";
 import { useToast } from "vue-toast-notification";
 import { PWD_VALID_LENGTH } from "@/constants/constants.js";

src/views/AuthContainer.vue

@@ -20,6 +20,6 @@
  *   authentication-related pages with header and navbar.
  */
 
-import Header from "@/components/Header.vue";
-import Navbar from "@/components/Navbar.vue";
+import Header from "@/components/AppHeader.vue";
+import Navbar from "@/components/AppNavbar.vue";
 </script>

src/views/Compare/Dashboard/CompareDashboard.vue

@@ -262,7 +262,6 @@
   </main>
 </template>
 <script setup>
-defineOptions({ name: "CompareDashboardPage" });
 // The Lucia project.
 // Copyright 2024-2026 DSP, inc.  All rights reserved.
 // Authors:

src/views/Discover/Conformance/ConformancePage.vue

@@ -22,7 +22,6 @@
 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/MapPage.vue

@@ -123,7 +123,6 @@
 import { useConformanceStore } from "@/stores/conformance";
 
 export default {
-  name: "DiscoverMapPage",
   async beforeRouteEnter(to, from, next) {
     const isCheckPage = to.name.includes("Check");
 

src/views/Discover/Performance/PerformancePage.vue

@@ -249,7 +249,6 @@
 import { useConformanceStore } from "@/stores/conformance";
 
 export default {
-  name: "DiscoverPerformancePage",
   async beforeRouteEnter(to, from, next) {
     const isCheckPage = to.name.includes("Check");
 

src/views/Files/FilesPage.vue

@@ -455,7 +455,6 @@
   </div>
 </template>
 <script setup>
-defineOptions({ name: "FilesPage" });
 // The Lucia project.
 // Copyright 2024-2026 DSP, inc.  All rights reserved.
 // Authors:

src/views/Login/LoginPage.vue

@@ -79,7 +79,6 @@
 </template>
 
 <script setup>
-defineOptions({ name: "LoginPage" });
 // The Lucia project.
 // Copyright 2024-2026 DSP, inc.  All rights reserved.
 // Authors:

src/views/MainContainer.vue

@@ -127,9 +127,9 @@ import { storeToRefs } from "pinia";
 import { useLoadingStore } from "@/stores/loading";
 import { useAllMapDataStore } from "@/stores/allMapData";
 import { useConformanceStore } from "@/stores/conformance";
-import Header from "@/components/Header.vue";
-import Navbar from "@/components/Navbar.vue";
-import Loading from "@/components/Loading.vue";
+import Header from "@/components/AppHeader.vue";
+import Navbar from "@/components/AppNavbar.vue";
+import Loading from "@/components/LoadingOverlay.vue";
 import { leaveFilter, leaveConformance } from "@/module/alertModal.js";
 import { usePageAdminStore } from "@/stores/pageAdmin";
 import { useLoginStore } from "@/stores/login";

src/views/MemberArea/MemberAreaPage.vue

@@ -11,7 +11,6 @@
 </template>
 
 <script setup>
-defineOptions({ name: "MemberAreaPage" });
 // The Lucia project.
 // Copyright 2023-2026 DSP, inc.  All rights reserved.
 // Authors:

src/views/NotFound404.vue

@@ -27,6 +27,6 @@
  *   found, with a link back to the Files page.
  */
 
-import Header from "@/components/Header.vue";
-import Navbar from "@/components/Navbar.vue";
+import Header from "@/components/AppHeader.vue";
+import Navbar from "@/components/AppNavbar.vue";
 </script>

src/views/Upload/UploadPage.vue

@@ -155,7 +155,6 @@
 import { useFilesStore } from "@/stores/files";
 
 export default {
-  name: "UploadPage",
   beforeRouteEnter(to, from, next) {
     // An uploadID is required to enter this page
     next((vm) => {

tests/components/Badge.test.js

@@ -5,7 +5,7 @@
 
 import { describe, it, expect } from "vitest";
 import { mount } from "@vue/test-utils";
-import Badge from "@/components/Badge.vue";
+import Badge from "@/components/StatusBadge.vue";
 
 describe("Badge", () => {
   it("renders display text", () => {

tests/components/Button.test.js

@@ -5,7 +5,7 @@
 
 import { describe, it, expect } from "vitest";
 import { mount } from "@vue/test-utils";
-import Button from "@/components/Button.vue";
+import Button from "@/components/ActionButton.vue";
 
 describe("Button", () => {
   it("renders button text", () => {

tests/components/Loading.test.js

@@ -5,7 +5,7 @@
 
 import { describe, it, expect } from "vitest";
 import { mount } from "@vue/test-utils";
-import Loading from "@/components/Loading.vue";
+import Loading from "@/components/LoadingOverlay.vue";
 
 describe("Loading", () => {
   it("renders a loader element", () => {

tests/components/Login.test.js

@@ -19,7 +19,7 @@ vi.mock("vue-router", () => ({
   useRoute: () => mockRoute,
 }));
 
-import Login from "@/views/Login/Login.vue";
+import Login from "@/views/Login/LoginPage.vue";
 import { useLoginStore } from "@/stores/login";
 
 describe("Login", () => {

tests/components/Search.test.js

@@ -5,7 +5,7 @@
 
 import { describe, it, expect } from "vitest";
 import { mount } from "@vue/test-utils";
-import Search from "@/components/Search.vue";
+import Search from "@/components/ActivitySearch.vue";
 
 describe("Search", () => {
   it("renders search form", () => {