From ba9b182125eb34c61977a728571da6e41f2d4467 Mon Sep 17 00:00:00 2001
From: Matthew Raymer <matthew.raymer@anomalistdesign.com>
Date: Sat, 19 Jul 2025 04:41:31 +0000
Subject: [PATCH] fix: explicitly name all our components to avoid some of the
 warnings for build:web:serve ...

appears the last warning may be inside Vue itself.  Leaving this alone for now.
---
 android/build.gradle                  | 2 +-
 src/components/AmountInput.vue        | 2 +-
 src/components/ChoiceButtonDialog.vue | 2 +-
 src/components/ContactNameDialog.vue  | 2 +-
 src/components/EntityIcon.vue         | 2 +-
 src/components/HiddenDidDialog.vue    | 2 +-
 src/components/InfiniteScroll.vue     | 2 +-
 src/components/InviteDialog.vue       | 2 +-
 src/components/ProjectIcon.vue        | 2 +-
 src/components/QuickNav.vue           | 2 +-
 src/components/ShowAllCard.vue        | 2 +-
 src/views/ContactsView.vue            | 1 +
 src/views/DIDView.vue                 | 1 +
 src/views/DiscoverView.vue            | 1 +
 src/views/HomeView.vue                | 1 +
 src/views/ProjectsView.vue            | 1 +
 16 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/android/build.gradle b/android/build.gradle
index 21fe114f..5a959f82 100644
--- a/android/build.gradle
+++ b/android/build.gradle
@@ -7,7 +7,7 @@ buildscript {
         mavenCentral()
     }
     dependencies {
-        classpath 'com.android.tools.build:gradle:8.11.0'
+        classpath 'com.android.tools.build:gradle:8.11.1'
         classpath 'com.google.gms:google-services:4.4.0'
 
         // NOTE: Do not place your application dependencies here; they belong
diff --git a/src/components/AmountInput.vue b/src/components/AmountInput.vue
index 1e4ca75a..847f44a1 100644
--- a/src/components/AmountInput.vue
+++ b/src/components/AmountInput.vue
@@ -50,7 +50,7 @@ import { logger } from "@/utils/logger";
  * - Function props for parent control over validation and updates
  * - Maintains v-model compatibility through onUpdateValue function prop
  */
-@Component
+@Component({ name: "AmountInput" })
 export default class AmountInput extends Vue {
   /** Current numeric value */
   @Prop({ required: true })
diff --git a/src/components/ChoiceButtonDialog.vue b/src/components/ChoiceButtonDialog.vue
index c9b95431..21624aae 100644
--- a/src/components/ChoiceButtonDialog.vue
+++ b/src/components/ChoiceButtonDialog.vue
@@ -78,7 +78,7 @@ import { createNotifyHelpers, TIMEOUTS } from "@/utils/notify";
  * - Responsive design with proper z-indexing
  * - Smooth enter/leave animations
  */
-@Component
+@Component({ name: "ChoiceButtonDialog" })
 export default class PromptDialog extends Vue {
   $notify!: (notification: unknown, timeout?: number) => void;
   notify!: ReturnType<typeof createNotifyHelpers>;
diff --git a/src/components/ContactNameDialog.vue b/src/components/ContactNameDialog.vue
index aab1449a..e0f715ea 100644
--- a/src/components/ContactNameDialog.vue
+++ b/src/components/ContactNameDialog.vue
@@ -52,7 +52,7 @@ import { Vue, Component } from "vue-facing-decorator";
  * - Customizable title and message
  * - Default value support
  */
-@Component
+@Component({ name: "ContactNameDialog" })
 export default class ContactNameDialog extends Vue {
   cancelCallback: () => void = () => {};
   saveCallback: (name?: string) => void = () => {};
diff --git a/src/components/EntityIcon.vue b/src/components/EntityIcon.vue
index 5f21b73a..d5893c3a 100644
--- a/src/components/EntityIcon.vue
+++ b/src/components/EntityIcon.vue
@@ -23,7 +23,7 @@ import blankSquareSvg from "../assets/blank-square.svg";
  * Generates icons using profile images or DiceBear avatars with
  * proper CORS handling and fallback mechanisms.
  */
-@Component
+@Component({ name: "EntityIcon" })
 export default class EntityIcon extends Vue {
   /** Contact object containing profile information */
   @Prop()
diff --git a/src/components/HiddenDidDialog.vue b/src/components/HiddenDidDialog.vue
index 0fd475da..c332bb3b 100644
--- a/src/components/HiddenDidDialog.vue
+++ b/src/components/HiddenDidDialog.vue
@@ -122,7 +122,7 @@ import { createNotifyHelpers } from "@/utils/notify";
 import { TIMEOUTS } from "@/utils/notify";
 import { NOTIFY_COPIED_TO_CLIPBOARD } from "@/constants/notifications";
 
-@Component
+@Component({ name: "HiddenDidDialog" })
 export default class HiddenDidDialog extends Vue {
   $notify!: (notification: NotificationIface, timeout?: number) => void;
   notify!: ReturnType<typeof createNotifyHelpers>;
diff --git a/src/components/InfiniteScroll.vue b/src/components/InfiniteScroll.vue
index 4efb7fc9..69c75c5f 100644
--- a/src/components/InfiniteScroll.vue
+++ b/src/components/InfiniteScroll.vue
@@ -34,7 +34,7 @@ import { Component, Emit, Prop, Vue } from "vue-facing-decorator";
  * Events:
  * - reached-bottom: Emitted when the user scrolls near the bottom of the content
  */
-@Component
+@Component({ name: "InfiniteScroll" })
 export default class InfiniteScroll extends Vue {
   /** Distance in pixels from the bottom at which to trigger the reached-bottom event */
   @Prop({ default: 200 })
diff --git a/src/components/InviteDialog.vue b/src/components/InviteDialog.vue
index 73d95e27..ed640c6e 100644
--- a/src/components/InviteDialog.vue
+++ b/src/components/InviteDialog.vue
@@ -50,7 +50,7 @@ import { Vue, Component } from "vue-facing-decorator";
 
 import { NotificationIface } from "../constants/app";
 
-@Component
+@Component({ name: "InviteDialog" })
 export default class InviteDialog extends Vue {
   $notify!: (notification: NotificationIface, timeout?: number) => void;
 
diff --git a/src/components/ProjectIcon.vue b/src/components/ProjectIcon.vue
index 6aea3f07..79506596 100644
--- a/src/components/ProjectIcon.vue
+++ b/src/components/ProjectIcon.vue
@@ -26,7 +26,7 @@ const BLANK_CONFIG = {
   backColor: "#0000",
 };
 
-@Component
+@Component({ name: "ProjectIcon" })
 export default class ProjectIcon extends Vue {
   @Prop entityId = "";
   @Prop iconSize = 0;
diff --git a/src/components/QuickNav.vue b/src/components/QuickNav.vue
index 6a6f6168..fadd4991 100644
--- a/src/components/QuickNav.vue
+++ b/src/components/QuickNav.vue
@@ -111,7 +111,7 @@
 <script lang="ts">
 import { Component, Vue, Prop } from "vue-facing-decorator";
 
-@Component
+@Component({ name: "QuickNav" })
 export default class QuickNav extends Vue {
   @Prop selected = "";
 }
diff --git a/src/components/ShowAllCard.vue b/src/components/ShowAllCard.vue
index 1895a0ef..b4a43c43 100644
--- a/src/components/ShowAllCard.vue
+++ b/src/components/ShowAllCard.vue
@@ -27,7 +27,7 @@ import { RouteLocationRaw } from "vue-router";
  * - Maintains context through query parameters
  * - Consistent visual styling with other cards
  */
-@Component
+@Component({ name: "ShowAllCard" })
 export default class ShowAllCard extends Vue {
   /** Type of entities being shown */
   @Prop({ required: true })
diff --git a/src/views/ContactsView.vue b/src/views/ContactsView.vue
index 59584c71..b969bce5 100644
--- a/src/views/ContactsView.vue
+++ b/src/views/ContactsView.vue
@@ -218,6 +218,7 @@ import {
  * @author Matthew Raymer
  */
 @Component({
+  name: "ContactsView",
   components: {
     GiftedDialog,
     EntityIcon,
diff --git a/src/views/DIDView.vue b/src/views/DIDView.vue
index 06158234..41d36eee 100644
--- a/src/views/DIDView.vue
+++ b/src/views/DIDView.vue
@@ -301,6 +301,7 @@ import {
  * It provides infinite scrolling for claims and interactive controls for contact management.
  */
 @Component({
+  name: "DIDView",
   components: {
     EntityIcon,
     InfiniteScroll,
diff --git a/src/views/DiscoverView.vue b/src/views/DiscoverView.vue
index 2c89296c..452120fb 100644
--- a/src/views/DiscoverView.vue
+++ b/src/views/DiscoverView.vue
@@ -351,6 +351,7 @@ interface Tile {
 }
 
 @Component({
+  name: "DiscoverView",
   components: {
     InfiniteScroll,
     LMap,
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 1bef4e46..8eabc363 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -378,6 +378,7 @@ interface FeedError {
  * - ActivityListItem: Individual activity display
  */
 @Component({
+  name: "HomeView",
   components: {
     EntityIcon,
     FeedFilters,
diff --git a/src/views/ProjectsView.vue b/src/views/ProjectsView.vue
index 4748a9e8..84db4f02 100644
--- a/src/views/ProjectsView.vue
+++ b/src/views/ProjectsView.vue
@@ -309,6 +309,7 @@ import {
  * Privacy: Only user's own projects and offers are displayed
  */
 @Component({
+  name: "ProjectsView",
   components: {
     EntityIcon,
     InfiniteScroll,