Vue3 使用setup語法糖時， 元件name命名

1. 多使用一個 <script> 標籤命名

<script>
  export default {
    name: 'Person'
  }
</script>
<script setup>
  ...
</script>

2.使用外掛

1. 安裝外掛 vite-plugin-vue-setup-extend

pnpm install vite-plugin-vue-setup-extend -D

2. 在vite.config檔案引入

 import VueSetuoExtend from 'vite-plugin-vue-setup-extend'

 export default defineConfig({
  plugins: [
    VueSetuoExtend()
  ]
})

3. 使用

<script setup name="Person"></script>