Vue3使用vite-plugin-vue-setup-extend在setup中添加 name 属性

1. 安装

   npm i [email protected] -D

2. 配置vite.config.ts

   import { defineConfig } from 'vite'
   
   // 安装的插件
   import VueSetupExtend from 'vite-plugin-vue-setup-extend'
   
   export default defineConfig({
     plugins: [ VueSetupExtend() ]
   })
   

3. 在组件中使用

4. 之前出现过 bug 参考了某某 码友，得到了解决，啊哈哈哈
5. bug => 在使用 vite-plugin-vue-setup-extend 0.4.0 及以前版本时，会有个问题：如果 script 标签内没有内容，即使给 script 标签添加上 name 属性，其在 vue-devtools 内也不会生效
6. 解决方法