base zone components and type refinements

components/dynamicZone/ColumnImageText.vue

@@ -0,0 +1,12 @@
+<template>
+  <p>{{ data }}</p>
+</template>
+
+<script setup lang="ts">
+import type { PropType } from "vue";
+import type DynamicZoneColumnImageText from "../../types/component/dynamicZoneColumnImageText";
+
+defineProps({
+  data: Object as PropType<DynamicZoneColumnImageText>,
+});
+</script>

components/dynamicZone/DualColumnText.vue

@@ -0,0 +1,12 @@
+<template>
+  <p>{{ data }}</p>
+</template>
+
+<script setup lang="ts">
+import type { PropType } from "vue";
+import type DynamicZoneDualColumnText from "../../types/component/dynamicZoneDualColumnText";
+
+defineProps({
+  data: Object as PropType<DynamicZoneDualColumnText>,
+});
+</script>

components/dynamicZone/EmphasiseArticle.vue

@@ -0,0 +1,12 @@
+<template>
+  <p>{{ data }}</p>
+</template>
+
+<script setup lang="ts">
+import type { PropType } from "vue";
+import type DynamicZoneEmphasiseArticle from "../../types/component/dynamicZoneEmphasiseArticle";
+
+defineProps({
+  data: Object as PropType<DynamicZoneEmphasiseArticle>,
+});
+</script>

components/dynamicZone/FullImage.vue

@@ -0,0 +1,12 @@
+<template>
+  <p>{{ data }}</p>
+</template>
+
+<script setup lang="ts">
+import type { PropType } from "vue";
+import type DynamicZoneFullImage from "../../types/component/dynamicZoneFullImage";
+
+defineProps({
+  data: Object as PropType<DynamicZoneFullImage>,
+});
+</script>

components/dynamicZone/FullText.vue

@@ -0,0 +1,12 @@
+<template>
+  <p>{{ data }}</p>
+</template>
+
+<script setup lang="ts">
+import type { PropType } from "vue";
+import type DynamicZoneFullText from "../../types/component/dynamicZoneFullText";
+
+defineProps({
+  data: Object as PropType<DynamicZoneFullText>,
+});
+</script>

components/dynamicZone/Gallery.vue

@@ -0,0 +1,12 @@
+<template>
+  <p>{{ data }}</p>
+</template>
+
+<script setup lang="ts">
+import type { PropType } from "vue";
+import type DynamicZoneGallery from "../../types/component/dynamicZoneGallery";
+
+defineProps({
+  data: Object as PropType<DynamicZoneGallery>,
+});
+</script>