beehive/app/components/TitleDescription.vue

<!-- components/TitleSection.vue -->
<template>
  <view class="flex flex-col items-center">
    <view class="text-sm mt-4 lg:mt-20 text-primary font-bold">
      {{ subtitle }}
    </view>
    <view class="text-4xl my-6 font-bold">
      {{ title }}
    </view>
    <view class="text-xl lg:mx-32 mx-6 mb-6 text-muted">
      {{ description }}
    </view>
  </view>

</template>

<script setup>
defineProps({
  title: {
    type: String,
    default: '默认标题'
  },
  subtitle: {
    type: String,
    default: '默认副标题'
  },
  description: {
    type: String,
    default: '默认描述'
  }
})
</script>