<template>
    <div class="strapi-content">
        <strapi-blocks :content="content" />
    </div>
</template>

<script setup>
import { StrapiBlocks } from 'vue-strapi-blocks-renderer'

const props = defineProps({
    content: Array,
})
</script>

<style lang="scss">
.strapi-content {
    > * {
        margin-top: 1em;
        margin-bottom: 1em;
    }

    > *:first-child {
        margin-top: 0 !important;
    }
    > *:last-child {
        margin-bottom: 0 !important;
    }
}
</style>
