test / get assets file path

Author: totocalcio

packages/ui/components/namecard/NamecardAvatarLogo24.vue

@@ -1,23 +1,24 @@
 <script setup lang="ts">
 import type { NamecardUser } from '@vuejs-jp/model'
+import { onMounted, ref } from 'vue'
 
 type NamecardAvatarLogoProps = {
   user: NamecardUser
 }
 
 defineProps<NamecardAvatarLogoProps>()
+const vuefesLogoImagePath = ref('')
+onMounted(() => {
+  vuefesLogoImagePath.value = new URL('../../assets/namecard/vuefes_logo.svg', import.meta.url).href
+})
 </script>
 
 <template>
   <template v-if="user.avatar_url">
     <img :alt="user.display_name" :src="user.avatar_url" class="avatar-logo" decoding="async" />
   </template>
   <template v-else>
-    <img
-      alt="vuefes logo avatar sample"
-      src="../../assets/namecard/vuefes_logo.svg"
-      class="sample-logo"
-    />
+    <img alt="vuefes logo avatar sample" :src="vuefesLogoImagePath" class="sample-logo" />
   </template>
 </template>