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

@@ -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

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

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

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 = () => {};

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

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

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

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;
 

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;

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 = "";
 }

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

src/views/ContactsView.vue

@@ -218,6 +218,7 @@ import {
  * @author Matthew Raymer
  */
 @Component({
+  name: "ContactsView",
   components: {
     GiftedDialog,
     EntityIcon,

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,

src/views/DiscoverView.vue

@@ -351,6 +351,7 @@ interface Tile {
 }
 
 @Component({
+  name: "DiscoverView",
   components: {
     InfiniteScroll,
     LMap,

src/views/HomeView.vue

@@ -378,6 +378,7 @@ interface FeedError {
  * - ActivityListItem: Individual activity display
  */
 @Component({
+  name: "HomeView",
   components: {
     EntityIcon,
     FeedFilters,

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,