code refactor

This commit is contained in:
MaysWind
2026-01-01 23:05:37 +08:00
parent 1938d972ff
commit 554ce37475
2 changed files with 25 additions and 18 deletions
+14 -9
View File
@@ -152,19 +152,18 @@
</tr>
</thead>
<tbody>
<tr :key="languageTag"
v-for="(languageContributors, languageTag) in contributors.translators"
v-show="!!getLanguageInfo(languageTag)?.displayName">
<td>{{ languageTag }}</td>
<td>{{ getLanguageInfo(languageTag)?.displayName }}</td>
<tr :key="lang.languageTag" v-for="lang in allLanguages">
<td>{{ lang.languageTag }}</td>
<td>{{ lang.nativeDisplayName }}</td>
<td>
<template :key="contributor" v-for="(contributor, index) in languageContributors">
<template :key="contributor"
v-for="(contributor, index) in contributors.translators[lang.languageTag] ?? []">
<span v-if="index > 0">, </span>
<a target="_blank" :href="`https://github.com/${contributor}`">
@{{ contributor }}
</a>
<span v-if="index < languageContributors.length - 1">, </span>
</template>
<span v-if="!languageContributors || languageContributors.length < 1">/</span>
<span v-if="!contributors.translators[lang.languageTag] || !contributors.translators[lang.languageTag]?.length">/</span>
</td>
</tr>
</tbody>
@@ -189,6 +188,9 @@
</template>
<script setup lang="ts">
import { computed } from 'vue';
import type { LanguageOption } from '@/locales/index.ts';
import { useI18n } from '@/locales/helpers.ts';
import { useAboutPageBase } from '@/views/base/AboutPageBase.ts';
@@ -196,7 +198,7 @@ import {
mdiWebRefresh
} from '@mdi/js';
const { tt, getLanguageInfo } = useI18n();
const { tt, getAllLanguageOptions } = useI18n();
const {
clientVersion,
clientVersionMatchServerVersion,
@@ -212,6 +214,9 @@ const {
init
} = useAboutPageBase();
const allLanguages = computed<LanguageOption[]>(() => getAllLanguageOptions(false));
init();
</script>
+11 -9
View File
@@ -88,19 +88,18 @@
</tr>
</thead>
<tbody>
<tr :key="languageTag"
v-for="(languageContributors, languageTag) in contributors.translators"
v-show="!!getLanguageInfo(languageTag)?.displayName">
<td>{{ languageTag }}</td>
<td>{{ getLanguageInfo(languageTag)?.displayName }}</td>
<tr :key="lang.languageTag" v-for="lang in allLanguages">
<td>{{ lang.languageTag }}</td>
<td>{{ lang.nativeDisplayName }}</td>
<td>
<template :key="contributor" v-for="(contributor, index) in languageContributors">
<template :key="contributor"
v-for="(contributor, index) in contributors.translators[lang.languageTag] ?? []">
<span v-if="index > 0">, </span>
<f7-link target="_blank" @click="openExternalUrl(`https://github.com/${contributor}`)">
@{{ contributor }}
</f7-link>
<span v-if="index < languageContributors.length - 1">, </span>
</template>
<span v-if="!languageContributors || languageContributors.length < 1">/</span>
<span v-if="!contributors.translators[lang.languageTag] || !contributors.translators[lang.languageTag]?.length">/</span>
</td>
</tr>
</tbody>
@@ -133,11 +132,12 @@
<script setup lang="ts">
import { ref, computed } from 'vue';
import type { LanguageOption } from '@/locales/index.ts';
import { useI18n } from '@/locales/helpers.ts';
import { useI18nUIComponents } from '@/lib/ui/mobile.ts';
import { useAboutPageBase } from '@/views/base/AboutPageBase.ts';
const { tt, getLanguageInfo } = useI18n();
const { tt, getAllLanguageOptions } = useI18n();
const { showAlert, openExternalUrl } = useI18nUIComponents();
const {
clientVersion,
@@ -157,6 +157,8 @@ const {
const showRefreshBrowserCacheSheet = ref<boolean>(false);
const versionClickCount = ref<number>(0);
const allLanguages = computed<LanguageOption[]>(() => getAllLanguageOptions(false));
const forceShowRefreshBrowserCacheMenu = computed<boolean>(() => versionClickCount.value >= 5);
function showVersion(): void {