feat: AcfImage component based on @nuxt/image

wp-content/themes/moonshine/app/components/acf/AcfImage.fragment.gql

@@ -0,0 +1,9 @@
+fragment AcfImage on MediaItem {
+  src: sourceUrl
+  alt: altText
+  mediaDetails {
+    width
+    height
+  }
+  objectPosition
+}

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

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import type { AcfImageFragment } from "#graphql/operations";
+
+defineProps<{ image?: AcfImageFragment }>();
+</script>
+
+<template>
+  <NuxtImg
+    v-if="image"
+    :src="image.src"
+    :alt="image.alt"
+    :width="image.mediaDetails?.width"
+    :height="image.mediaDetails?.height"
+    :style="{ objectPosition: image.objectPosition || 'center' }"
+    format="avif,webp"
+    placeholder
+  />
+</template>