feat: AcfImage / AcfMedia with @nuxt/image

2026-03-30 09:23:07 -04:00
parent 8aee01340f
commit 867d0b3e44
8 changed files with 480 additions and 6 deletions
--- a/wp-content/themes/headless/app/components/acf/AcfImage.vue
+++ b/wp-content/themes/headless/app/components/acf/AcfImage.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import type { AcfImageFragment } from "#graphql/types";
+
+defineProps<{ image: AcfImageFragment }>();
+</script>
+
+<template>
+  <NuxtImg
+    :src="image.src"
+    :alt="image.alt"
+    :width="image.mediaDetails?.width"
+    :height="image.mediaDetails?.height"
+    :style="{ objectPosition: image.objectPosition }"
+    placeholder
+  />
+</template>