feat(login): add globe icon to language switcher
add lucide-vue globe component import and reorder useRouter import
This commit is contained in:
@@ -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();
|
||||
|
||||
Reference in New Issue
Block a user