Fix: Vue type checking for AvatarImage component

fftfaisal · fftfaisal · commit e704cc8594b0 · 2025-02-25T03:35:23.000+06:00
diff --git a/resources/js/components/AppHeader.vue b/resources/js/components/AppHeader.vue
@@ -165,7 +165,7 @@ const rightNavItems: NavItem[] = [
                                 class="relative size-10 w-auto rounded-full p-1 focus-within:ring-2 focus-within:ring-primary"
                             >
                                 <Avatar class="size-8 overflow-hidden rounded-full">
-                                    <AvatarImage :src="auth.user.avatar" :alt="auth.user.name" />
+                                    <AvatarImage v-if="auth.user.avatar" :src="auth.user.avatar" :alt="auth.user.name" />
                                     <AvatarFallback class="rounded-lg bg-neutral-200 font-semibold text-black dark:bg-neutral-700 dark:text-white">
                                         {{ getInitials(auth.user?.name) }}
                                     </AvatarFallback>

Original file line number	Diff line number	Diff line change
`@@ -165,7 +165,7 @@ const rightNavItems: NavItem[] = [`
`165`	`165`	`class="relative size-10 w-auto rounded-full p-1 focus-within:ring-2 focus-within:ring-primary"`
`166`	`166`	`>`
`167`	`167`	`<Avatar class="size-8 overflow-hidden rounded-full">`
`168`		`- <AvatarImage :src="auth.user.avatar" :alt="auth.user.name" />`
	`168`	`+ <AvatarImage v-if="auth.user.avatar" :src="auth.user.avatar" :alt="auth.user.name" />`
`169`	`169`	`<AvatarFallback class="rounded-lg bg-neutral-200 font-semibold text-black dark:bg-neutral-700 dark:text-white">`
`170`	`170`	`{{ getInitials(auth.user?.name) }}`
`171`	`171`	`</AvatarFallback>`