feat(login): add globe icon to language switcher

add lucide-vue globe component import and reorder useRouter import
This commit is contained in:
DEV_DSW
2026-06-02 11:01:09 +08:00
parent 72fdf509c9
commit 41075ae674

View File

@@ -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();