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

1. 安装

   npm i vite-plugin-vue-setup-extend@0.4.0 -D

2. 配置vite.config.ts

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

3. 在组件中使用

   <script lang="ts" setup name="test">
   
   </script>
   

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

   	<script lang="ts" setup name="test">
   	// test
   	</script>