MoreStrive
30 lines
877 B
Vue
30 lines
877 B
Vue
<script setup lang="ts">
|
|
import DynamicLayout from '~/components/dynamic-page/page-section/layouts/index.vue';
|
|
|
|
const emit = defineEmits(['dropComponent', 'dropData', 'selectComponent']);
|
|
const props = defineProps<{
|
|
label?: any
|
|
layout?: string
|
|
settings?: any
|
|
content?: any
|
|
|
|
section: any
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<section class="section-container">
|
|
<h2 class="text-4xl mb-3 font-600" v-if="props.label">{{ props.label || '' }}</h2>
|
|
<div class="layout_define grid grid-cols-1 gap-x-10 gap-y-2.5">
|
|
<template v-if="props.layout">
|
|
<DynamicLayout
|
|
:layout="props.layout"
|
|
:content="props.content"
|
|
:settings="props.settings"
|
|
:section= "props.section"
|
|
/>
|
|
</template>
|
|
</div>
|
|
</section>
|
|
</template>
|