Initial commit: 网络验证平台

2026-04-27 17:22:56 +08:00
commit afe67d704e
780 changed files with 88960 additions and 0 deletions
@@ -0,0 +1,60 @@
+<script setup lang="ts">
+import type { AcceptableValue } from 'reka-ui'
+
+import { Icon } from '@iconify/vue'
+import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
+
+import type { Language } from '@/plugins/i18n'
+
+import { appLocale, DEFAULT_LOCALE, SUPPORTED_LOCALES } from '@/plugins/i18n'
+
+const { locale } = useI18n()
+
+function setDefaultLanguage() {
+  locale.value = DEFAULT_LOCALE
+  appLocale.value = DEFAULT_LOCALE
+}
+
+function handleLocaleChange(val: AcceptableValue) {
+  if (typeof val !== 'string' || !SUPPORTED_LOCALES.has(val as Language)) {
+    setDefaultLanguage()
+    return
+  }
+
+  locale.value = val as Language
+  appLocale.value = val as Language
+}
+
+const currentFlag = computed(() => {
+  return locale.value === 'zh' ? 'flag:cn-4x3' : 'flag:us-4x3'
+})
+</script>
+
+<template>
+  <UiDropdownMenu>
+    <UiDropdownMenuTrigger as-child>
+      <UiButton variant="ghost" size="icon" class="h-9 w-9">
+        <Icon :icon="currentFlag" class="h-5 w-5" />
+        <span class="sr-only">切换语言</span>
+      </UiButton>
+    </UiDropdownMenuTrigger>
+    <UiDropdownMenuContent align="end">
+      <UiDropdownMenuLabel>{{ $t('changeLanguage') }}</UiDropdownMenuLabel>
+      <UiDropdownMenuSeparator />
+      <UiDropdownMenuRadioGroup
+        v-model="locale"
+        @update:model-value="handleLocaleChange"
+      >
+        <UiDropdownMenuRadioItem value="en">
+          <Icon icon="flag:us-4x3" />
+          <span class="ml-2">English</span>
+        </UiDropdownMenuRadioItem>
+        <UiDropdownMenuRadioItem value="zh">
+          <Icon icon="flag:cn-4x3" />
+          <span class="ml-2">中文</span>
+        </UiDropdownMenuRadioItem>
+      </UiDropdownMenuRadioGroup>
+    </UiDropdownMenuContent>
+  </UiDropdownMenu>
+</template>