diff --git a/ui/src/views/authentication/component/OAuth2.vue b/ui/src/views/authentication/component/OAuth2.vue
index 38fa3d528..aaa1afdec 100644
--- a/ui/src/views/authentication/component/OAuth2.vue
+++ b/ui/src/views/authentication/component/OAuth2.vue
@@ -78,7 +78,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { reactive, ref, watch, onMounted } from 'vue'
+import { reactive, ref, onMounted } from 'vue'
 import authApi from '@/api/auth-setting'
 import type { FormInstance, FormRules } from 'element-plus'
 import { t } from '@/locales'
diff --git a/ui/src/views/authentication/index.vue b/ui/src/views/authentication/index.vue
index d12d9a12a..689f0b725 100644
--- a/ui/src/views/authentication/index.vue
+++ b/ui/src/views/authentication/index.vue
@@ -11,15 +11,15 @@
   </div>
 </template>
 <script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
+import { ref, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 import LDAP from './component/LDAP.vue'
 import CAS from './component/CAS.vue'
 import OIDC from './component/OIDC.vue'
 import SCAN from './component/SCAN.vue'
+import OAuth2 from './component/OAuth2.vue'
 import { t } from '@/locales'
 import useStore from '@/stores'
-import OAUTH2 from '@/views/authentication/component/OAUTH2.vue'
 
 const { user } = useStore()
 const router = useRouter()
@@ -43,8 +43,8 @@ const tabList = [
   },
   {
     label: t('login.oauth2.title'),
-    name: 'OAUTH2',
-    component: OAUTH2
+    name: 'OAuth2',
+    component: OAuth2
   },
   {
     label: '扫码登录',