28 lines
460 B
Vue
28 lines
460 B
Vue
<!-- components/TransBlock.vue -->
|
|
<template>
|
|
<div class="flex-1">
|
|
<!-- title -->
|
|
<h2 class="text-2xl font-bold mb-4">
|
|
{{ title }}
|
|
</h2>
|
|
|
|
<!-- description (optional) -->
|
|
<p
|
|
v-if="text"
|
|
class="text-lg pb-4">
|
|
{{ text }}
|
|
</p>
|
|
|
|
<!-- anything the parent puts in here -->
|
|
<slot/>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const props = defineProps<{
|
|
title: string,
|
|
text?: string
|
|
}>()
|
|
|
|
</script>
|