<template>
  <div class="home-page">
    <div class="welcome-card">
      <h2>欢迎使用许愿树管理平台</h2>
      <p>{{ userStore.userInfo?.fullName || '用户' }}，您好！</p>
    </div>
  </div>
</template>

<script setup lang="ts">
import { useUserStore } from '@/stores/user'

const userStore = useUserStore()
</script>

<style scoped lang="less">
.home-page {
  padding: 20px;

  .welcome-card {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px;
    padding: 40px;
    color: #fff;

    h2 {
      font-size: 24px;
      margin-bottom: 10px;
    }

    p {
      font-size: 16px;
      opacity: 0.9;
    }
  }
}
</style>
