Merge pull request #363 from vuejs-jp/enhance/image-domains-test

test - update image.domains

Author: jiyuujin

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

@@ -22,7 +22,7 @@ const currentLocale = useLocaleCurrent().locale
           class="sponsor-list-item-link"
           :to="`${currentLocale === 'ja' ? '/' : `/${currentLocale}/`}sponsors/${item['detail_page_id']}`"
         >
-          <img
+          <NuxtImg
             class="sponsor-list-item-image"
             :src="item['image_url']"
             :alt="item.name"

apps/web/nuxt.config.ts

@@ -40,7 +40,7 @@ export default defineNuxtConfig({
   //   url: 'https://vuefes.jp/2024/',
   // },
   image: {
-    domains: ['jjdlwtezpdclgxxagxpj.supabase.co'],
+    domains: [process.env.NUXT_IMAGE_DOMAINS],
     quality: 80,
     format: ['avif', 'webp']
   },
@@ -175,6 +175,7 @@ export default defineNuxtConfig({
       newtSpaceUid: process.env.NUXT_NEWT_SPACE_UID,
       newtFormUid: process.env.NUXT_NEWT_FORM_UID,
       reCaptchaWebsiteKey: process.env.NUXT_RECAPTCHA_WEBSITE_KEY,
+      imageDomains: process.env.NUXT_IMAGE_DOMAINS,
       // supabase
       supabaseUrl: process.env.SUPABASE_URL,
       supabaseKey: process.env.SUPABASE_KEY,

packages/ui/components/speaker/Avatar.vue

@@ -19,10 +19,11 @@ const size = computed(() => {
 </script>
 
 <template>
-  <img
+  <NuxtImg
     :src="src"
     :alt="alt"
     :loading="loading"
+    placeholder
     :width="size"
     :height="size"
     fit="cover"

turbo.json

@@ -13,6 +13,7 @@
         "NUXT_NEWT_SPACE_UID",
         "NUXT_NEWT_FORM_UID",
         "NUXT_RECAPTCHA_WEBSITE_KEY",
+        "NUXT_IMAGE_DOMAINS",
         "SUPABASE_URL",
         "SUPABASE_KEY",
         "SERVICE_KEY",