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

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

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