fix: 画像のpreloadを削除

Author: yamageji

apps/web/app/components/event/EventAsset.vue

@@ -21,7 +21,6 @@ const props = defineProps<EventAssetProps>()
     width="920"
     height="444"
     fit="cover"
-    preload
     loading="lazy"
   />
 </template>

apps/web/app/components/event/EventMultipleAssets.vue

@@ -24,7 +24,6 @@ const props = defineProps<EventMultipleAssetsProps>()
       width="792"
       height="512"
       fit="cover"
-      preload
       loading="lazy"
       class="image"
     />

apps/web/app/components/sponsor/SponsorList.vue

@@ -26,7 +26,6 @@ const currentLocale = useLocaleCurrent().locale
             class="sponsor-list-item-image"
             :src="item['image_url']"
             :alt="item.name"
-            preload
             loading="lazy"
           />
         </NuxtLink>

apps/web/app/components/ticket/NamecardSection.vue

@@ -30,7 +30,6 @@ const { locale: currentLocale } = useLocaleCurrent()
         width="auto"
         height="auto"
         fit="cover"
-        preload
         loading="lazy"
       />
       <div class="buttons-wrapper">

apps/web/app/components/ticket/PersonalSponsorSection.vue

@@ -16,7 +16,7 @@ import { ticketUrl } from '~/utils/constants'
         :detail="$t(`personal_sponsor.merit${i}.detail`)"
         :caution="i === 2 || i === 4 ? $t(`personal_sponsor.merit${i}.caution`) : ''"
       >
-        <NuxtImg alt="" :src="`/sponsor/merit-${i}.jpg`" preload loading="lazy" />
+        <NuxtImg alt="" :src="`/sponsor/merit-${i}.jpg`" loading="lazy" />
       </VFMeritCard>
     </div>
     <div class="personal-sponsor-text">

packages/ui/components/speaker/Avatar.vue

@@ -24,7 +24,6 @@ const size = computed(() => {
     :alt="alt"
     :loading="loading"
     placeholder
-    preload
     :width="size"
     :height="size"
     fit="cover"

packages/ui/components/store/Product.vue

@@ -9,16 +9,7 @@ const props = defineProps<StoreItemProps>()
 <template>
   <div class="store-item">
     <a :href="url" target="_blank">
-      <NuxtImg
-        :alt
-        :src
-        width="616"
-        height="616"
-        fit="cover"
-        preload
-        loading="lazy"
-        class="image"
-      />
+      <NuxtImg :alt :src width="616" height="616" fit="cover" loading="lazy" class="image" />
     </a>
     <div class="name">{{ name }}</div>
     <div class="price">{{ price }}</div>