19 lines
426 B
Vue
19 lines
426 B
Vue
<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>
|