From 41075ae674fe74531c9bef1043d703bcd9043518 Mon Sep 17 00:00:00 2001
From: DEV_DSW <562304744@qq.com>
Date: Tue, 2 Jun 2026 11:01:09 +0800
Subject: [PATCH] feat(login): add globe icon to language switcher

add lucide-vue globe component import and reorder useRouter import
---
 src/pages/login/index.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index b9ba119..5cab2bb 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -43,6 +43,7 @@
 
     <!-- 语种切换 -->
     <div class="flex justify-center items-center gap-4 pb-4">
+      <Globe :size="16" color="#999" />
       <span v-for="lang in languageOptions" :key="lang.locale"
         class="text-xs transition-colors duration-200 text-[14px]"
         :class="currentLocale === lang.locale ? 'text-[#00C853] font-medium' : 'text-[#999]'"
@@ -76,11 +77,12 @@
 
 <script setup lang="ts">
 import { computed, nextTick, onMounted, ref } from "vue";
+import { useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import { oauthToken } from "@/api/login";
 import { COUNTRY_CALLING_CODES, findCountryCallingCode } from "@/constants/countryCallingCodes";
 import { getCurrentLocale, setLocale } from "@/i18n";
-import { useRouter } from "vue-router";
+import { Globe } from '@lucide/vue'
 
 const router = useRouter();
 const { t } = useI18n();