<template>
  <div class="home min-h-screen bg-gradient-to-br from-gray-50 to-gray-100 p-6">
    <h1 class="title text-3xl font-bold text-center text-gray-800 mb-8">思维导图演示</h1>
    <div class="mind-map-container bg-white rounded-lg shadow-lg p-4 h-[80vh]">
      <MindMap />
    </div>
  </div>
</template>

<script lang="ts" setup>
import { onMounted } from 'vue';
// 使用正确的包名导入
import { MindMap } from '@mind-map/component';

onMounted(() => {
  console.log('Home view mounted');
});
</script>