add img fallback

This commit is contained in:
pa
2026-03-15 18:04:20 +09:00
parent 0357e81a78
commit cc08f29800
37 changed files with 469 additions and 138 deletions

View File

@@ -7,7 +7,7 @@
<Avatar v-else class="rounded" :style="{ width: size + 'px', height: size + 'px' }">
<AvatarImage :src="imageUrl" class="object-cover" />
<AvatarFallback class="rounded">
<ImageOff class="size-4 text-muted-foreground" />
<Image class="size-4 text-muted-foreground" />
</AvatarFallback>
</Avatar>
</div>
@@ -15,7 +15,7 @@
<script setup>
import { onMounted, ref, watch } from 'vue';
import { ImageOff } from 'lucide-vue-next';
import { Image } from 'lucide-vue-next';
import { Avatar, AvatarFallback, AvatarImage } from './ui/avatar';
import { extractFileId, generateEmojiStyle } from '../shared/utils';