修复子包状态

web3/apps/web/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@mind-map/web",
+  "name": "@test/mind-map",
   "private": true,
   "version": "1.0.0",
   "scripts": {
@@ -9,6 +9,7 @@
     "lint": "eslint src --ext .ts,.vue"
   },
   "dependencies": {
+    "@mind-map/component": "workspace:*",
     "pinia": "^2.1.6",
     "vue": "^3.3.4",
     "vue-router": "^4.2.4"

web3/apps/web/src/views/Home.vue

@@ -1,13 +1,16 @@
 <template>
   <div class="home">
-    
+    <h1 class="title">思维导图演示</h1>
+    <div class="mind-map-container">
+      <MindMap />
+    </div>
   </div>
 </template>
 
 <script lang="ts" setup>
 import { onMounted } from 'vue';
-import MindMapPlugin from '@mind-map/component';
-
+// 使用正确的包名导入
+import { MindMap } from '@mind-map/component';
 
 onMounted(() => {
   console.log('Home view mounted');

web3/packages/mind-map/package.json

@@ -11,6 +11,16 @@
   "dependencies": {
     "vue": "^3.3.4"
   },
+
+  "main": "src/index.ts",
+  "module": "src/index.ts",
+
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "default": "./src/index.ts"
+    }
+  },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.2.3",
     "autoprefixer": "^10.4.14",

web3/packages/mind-map/src/components/MindMap.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="mind-map bg-white rounded-lg shadow-md p-4 w-full h-64">
+  <div class="mind-map bg-black rounded-lg shadow-md p-4 w-full h-64">
     <!-- 这是一个最小化的思维导图实现，只包含一个简单的div -->
     <div class="flex items-center justify-center h-full text-gray-500">
       Mind Map Component

web3/packages/mind-map/src/index.ts

@@ -1,5 +1,5 @@
 import { App } from 'vue';
-import MindMap from './components/MindMap.vue';
+import MindMap from './views/index.vue';
 import './styles/index.css';
 
 export { MindMap };

web3/pnpm-workspace.yaml

@@ -1,3 +1,4 @@
 packages:
   - 'packages/*'
+  - 'packages/mind-map/*'
   - 'apps/*'