refactor: vue3.3 defineOptions

src/views/system/area/AreaForm.vue

@@ -20,9 +20,11 @@
     </template>
   </Dialog>
 </template>
-<script lang="ts" name="SystemAreaForm" setup>
+<script lang="ts" setup>
 import * as AreaApi from '@/api/system/area'
 
+defineOptions({ name: 'SystemAreaForm' })
+
 const message = useMessage() // 消息弹窗
 
 const dialogVisible = ref(false) // 弹窗的是否展示

src/views/system/area/index.vue

@@ -30,11 +30,13 @@
   <!-- 表单弹窗：添加/修改 -->
   <AreaForm ref="formRef" />
 </template>
-<script setup lang="tsx" name="SystemArea">
+<script setup lang="tsx">
 import type { Column } from 'element-plus'
 import AreaForm from './AreaForm.vue'
 import * as AreaApi from '@/api/system/area'
 
+defineOptions({ name: 'SystemArea' })
+
 // 表格的 column 字段
 const columns: Column[] = [
   {