minor: configure image formats in nuxt.config.ts

wp-content/themes/moonshine/app/components/acf/AcfImage.vue

@@ -12,7 +12,6 @@ defineProps<{ image?: AcfImageFragment }>();
     :width="image.mediaDetails?.width"
     :height="image.mediaDetails?.height"
     :style="{ objectPosition: image.objectPosition || 'center' }"
-    format="avif,webp"
     placeholder
   />
 </template>

wp-content/themes/moonshine/nuxt.config.ts

@@ -102,8 +102,10 @@ export default defineNuxtConfig({
   },
 
   image: {
-    ...isDev ? {} : { provider: "cloudflare", cloudflare: { baseURL: "/" } },
+    provider: isDev ? "ipx" : "cloudflare",
+    cloudflare: { baseURL: `${siteUrl}/` },
     domains: [wpDomain],
+    format: ["avif", "webp"],
   },
 
   robots: {