setup 组件名称问题

common/vue/project/vite-js-base/package.json

    "unplugin-auto-import": "^0.11.2",
    "unplugin-vue-components": "^0.22.4",
    "vite": "^3.0.7",
    "vite-plugin-svg-icons": "^2.0.1"
    "vite-plugin-svg-icons": "^2.0.1",
    "vite-plugin-vue-setup-extend": "^0.4.0"
  }
}

common/vue/project/vite-js-base/src/views/index.js

  },
  {
    path: '/overview',
    name: 'Overview',
    name: 'overview',
    meta: {
      title: '方案概览',
      keepAlive: true

common/vue/project/vite-js-base/src/views/login/login.vue

    <svg-icon class="icon" name="xiugai" :size="22"></svg-icon>
  </div>
</template>
<script setup>
<script setup name="login">
import { getCurrentInstance, ref } from 'vue'
import { useStore } from 'vuex'
const num = ref(0)

common/vue/project/vite-js-base/src/views/main/main.vue

<template>
  <base-panel title="记得加">
    <div>{{ num }}</div>
    <el-button @click="add">Default</el-button>
    <base-form ref="formRef" v-bind="FormConfig" v-model="formData"></base-form>
    <el-button @click="check">check</el-button>
    <base-table
  </base-panel>
</template>
<script setup>
<script setup name="overview">
import { ref } from 'vue'
const num = ref(0)
const add = () => {
  num.value = num.value + 1
}
const formData = ref({})
const FormConfig = ref({
  labelWidth: '100px',

common/vue/project/vite-js-base/vite.config.js

import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import VueSetupExtend from 'vite-plugin-vue-setup-extend'
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
// https://vitejs.dev/config/
        svgoOptions: true,
        // 指定symbolId格式
        symbolId: 'icon-[dir]-[name]'
      })
      }),
      VueSetupExtend()
    ],
    resolve: {
      alias: [