createDiscreteApi导致vue devtools功能失效

[InbornLee]

描述错误

使用createDiscreteApi时，Vue Devtools中Router和Pinia模块不能正确显示

复现步骤

1、pnpm create vue@latest
2、pnpm i
3、pnpm i -D naive-ui
4、Add createDiscreteApi in main.ts

import { createDiscreteApi } from 'naive-ui';

const { message } = createDiscreteApi(['message']);
app.config.globalProperties.$message = message;

5、pnpm run dev后devtools内容不能正确显示，注释掉第4步内容后恢复正常。

最小复现链接

https://codesandbox.io/p/devbox/9yfrx5

系统信息

System:
    OS: Windows 11 10.0.22631
    CPU: (16) x64 AMD Ryzen 7 3700X 8-Core Processor
    Memory: 16.57 GB / 31.91 GB
  Binaries:
    Node: 19.8.1 - C:\Program Files\nodejs\node.EXE
    npm: 9.5.1 - C:\Program Files\nodejs\npm.CMD
    pnpm: 9.13.2 - ~\AppData\Local\pnpm\pnpm.EXE
  Browsers:
    Edge: Chromium (127.0.2651.74)
    Internet Explorer: 11.0.22621.3527

使用的包管理器

pnpm

验证

• 阅读 贡献指南。
• 阅读 文档。
• 检查是否已经存在相同问题的问题，以避免创建重复的问题。
• 确保这是一个具体的 bug。有关问题和答案，请打开 GitHub 讨论。
• 提供的复现是最小可复现的示例。