实现＜script＞标签使用name绑定组件名称

下载安装

npm i vite-plugin-vue-setup-extend

在vite.config添加配置import VueSetupExtend from 'vite-plugin-vue-setup-extend'

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import VueSetupExtend from 'vite-plugin-vue-setup-extend'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    VueSetupExtend(),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})

 后续可以在<script>标签使用name对组件命名

<script lang="ts" setup name="Modal">