ff-webpage/components/dynamicZone/Embedding.vue

<template>
  <div class="flex flex-col gap-2 w-full min-h-fit max-w-4xl mx-auto">
    <iframe :src="data?.link" class="w-full h-[90vh]"></iframe>
  </div>
</template>

<script setup lang="ts">
import type { PropType } from "vue";
import type DynamicZoneEmbedding from "../../types/component/dynamic-zone/embedding";

const props = defineProps({
  data: Object as PropType<DynamicZoneEmbedding>,
});
</script>