调试

• 打包, npm run build-dts 会在packages/vue/dist 生成带ts的生产文件

    npm run build-dts

• 创建一个debug目录，创建一个新的vue3项目，我这里是使用vite创建的

	pnpm create vite vue-debug

后续选择vue3 => typescript
生成项目后可以有两种调试方式，一种是把依赖的版本改成你调试的vue版本（vue3.4.14）,另一种是使用本地vue包
我这里采用的是第二种，因为个人觉得更方便

    // debug/vue-debug/package.json
    "dependencies": {
        "vue": "workspace:*"  // pnpm 提供了workspace,具体配置去看pnpm-workspace.yaml
    }

然后删除 ts.config.json 和 ts.config.node.json (去使用vue3 monoreppo大仓库的ts配置)
cd 到根目录

    // ts.config.json
    "include": [
        ...,
        "debug/*/src"  // 添加这个配置，debug项目就有ts提示了
    ]

• 编写调试代码,修改App.vue中的代码，开始调试

    // App.vue
    <script setup lang="ts">
    import { ref } from 'vue'

    const count = ref(0)
    const add = () => {
    console.log(count)
    count.value++
    }
    </script>

    <template>
    <div>
        {{ count }}
            <button @click="add">增加</button>
    </div>
    </template>

    ```
    * 运行项目

    ```js
    pnpm install
    pnpm run dev