<script setup lang="ts">
import type { TheSectionFragment } from "#graphql-operations";

const props = defineProps<{ sections: (TheSectionFragment)[] }>();
const sections = props.sections.map(useSection);
</script>

<template>
  <component :is="component" v-for="({ component, attrs }, i) in sections" :key="i" v-bind="attrs" />
</template>
