beehive/app/components/TitleSection.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>
</template>

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