Archive/clean-cuts
1
0
Fork 0
mirror of https://github.com/BlossomiShymae/clean-cuts.git synced 2025-12-06 18:20:47 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add i18n support for data

Browse Source
This commit is contained in:
BlossomiShymae
2024-09-09 15:58:00 -05:00
parent b0491d569a
commit 90de82ba20
18 changed files with 210 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
pages/ward-skins/index.vue
View File

@@ -49,22 +49,28 @@
<script setup lang="ts">
import Pagination from '../../components/Pagination.vue';
import useClient from '../../composables/useClient';
import useLocale from '~/composables/useLocale';
import useIsNumeric from '../../composables/useIsNumeric';
import usePagination from '../../composables/usePagination';
const { client } = useClient();
const { currentLocale } = useLocale();
const getSkins = async () => await client.wardSkins.listAsync({locale: currentLocale.value, version: "latest"});
const query = ref("");
const skins = await client.wardSkins.listAsync({locale: "default", version: "latest"});
const skins = ref(await getSkins());
watch(currentLocale, async() => {
skins.value = await getSkins();
});
const { isNumeric } = useIsNumeric();
const p = computed(() => {
let filtered = [];
if (isNumeric(query.value))
filtered = skins.filter((x) => x.id == parseInt(query.value, 10));
filtered = skins.value.filter((x) => x.id == parseInt(query.value, 10));
else
filtered = skins.filter((x) => x.name.toLowerCase().includes(query.value.toLowerCase()));
filtered = skins.value.filter((x) => x.name.toLowerCase().includes(query.value.toLowerCase()));
return usePagination(filtered, 100);
});

11
pages/ward-skins/overview/[id].vue
View File

@@ -21,13 +21,20 @@
import { WardSkin } from '~/core/models';
import Badge from '../../../components/Badge.vue';
import useClient from '../../../composables/useClient';
import useLocale from '~/composables/useLocale';
import { useRoute } from 'vue-router';
const route = useRoute();
const id = route.params.id as unknown;
const { client } = useClient();
const { currentLocale } = useLocale();
const getSkins = async () => await client.wardSkins.listAsync({locale: currentLocale.value, version: "latest"});
const skins = await client.wardSkins.listAsync({locale: "default", version: "latest"});
const skin = skins.find((x) => x.id == id) || new WardSkin({});
const skins = ref(await getSkins());
watch(currentLocale, async() => {
skins.value = await getSkins();
});
const skin = skins.value.find((x) => x.id == id) || new WardSkin({});
</script>