vue3 在script setup中声明组件名字

使用unplugin-vue-define-options插件

npm i unplugin-vue-define-options -D

在vite.config.ts中配置

// vite.config.ts
import DefineOptions from 'unplugin-vue-define-options/vite'
import Vue from '@vitejs/plugin-vue'
 
export default defineConfig({
  plugins: [Vue(), DefineOptions()],
})

如果是ts项目需要在tsconfig.json中添加一个配置

{
  "compilerOptions": {
    "types": ["unplugin-vue-define-options"]
  }
}

vue中使用

<script setup lang="ts">
  defineOptions({
    name: 'App'
  })
</script>