17 lines
368 B
Vue
17 lines
368 B
Vue
<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>
|