refactor: vue3.3 defineOptions

src/views/system/role/RoleAssignMenuForm.vue

@@ -44,12 +44,14 @@
     </template>
   </Dialog>
 </template>
-<script lang="ts" name="SystemRoleAssignMenuForm" setup>
+<script lang="ts" setup>
 import { defaultProps, handleTree } from '@/utils/tree'
 import * as RoleApi from '@/api/system/role'
 import * as MenuApi from '@/api/system/menu'
 import * as PermissionApi from '@/api/system/permission'
 
+defineOptions({ name: 'SystemRoleAssignMenuForm' })
+
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
 

src/views/system/role/RoleDataPermissionForm.vue

@@ -62,7 +62,7 @@
     </template>
   </Dialog>
 </template>
-<script lang="ts" name="SystemRoleDataPermissionForm" setup>
+<script lang="ts" setup>
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import { defaultProps, handleTree } from '@/utils/tree'
 import { SystemDataScopeEnum } from '@/utils/constants'
@@ -70,6 +70,8 @@ import * as RoleApi from '@/api/system/role'
 import * as DeptApi from '@/api/system/dept'
 import * as PermissionApi from '@/api/system/permission'
 
+defineOptions({ name: 'SystemRoleDataPermissionForm' })
+
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
 

src/views/system/role/RoleForm.vue

@@ -36,11 +36,13 @@
     </template>
   </Dialog>
 </template>
-<script lang="ts" name="SystemRoleForm" setup>
+<script lang="ts" setup>
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import { CommonStatusEnum } from '@/utils/constants'
 import * as RoleApi from '@/api/system/role'
 
+defineOptions({ name: 'SystemRoleForm' })
+
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
 

src/views/system/role/index.vue

@@ -160,7 +160,7 @@
   <!-- 表单弹窗：数据权限 -->
   <RoleDataPermissionForm ref="dataPermissionFormRef" @success="getList" />
 </template>
-<script lang="ts" name="SystemRole" setup>
+<script lang="ts" setup>
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import { dateFormatter } from '@/utils/formatTime'
 import download from '@/utils/download'
@@ -169,6 +169,8 @@ import RoleForm from './RoleForm.vue'
 import RoleAssignMenuForm from './RoleAssignMenuForm.vue'
 import RoleDataPermissionForm from './RoleDataPermissionForm.vue'
 
+defineOptions({ name: 'SystemRole' })
+
 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化