Archive/clean-cuts
1
0
Fork 0
mirror of https://github.com/BlossomiShymae/clean-cuts.git synced 2025-12-06 10:10: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

14
pages/companions/index.vue
View File

@@ -50,23 +50,29 @@
<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 getCompanions = async () => (await client.companions.listAsync({locale: currentLocale.value, version: "latest"}))
.sort((a, b) => a.itemId - b.itemId);
const query = ref("");
const companions = (await client.companions.listAsync({locale: "default", version: "latest"}))
.sort((a, b) => a.itemId - b.itemId);
const companions = ref(await getCompanions());
watch(currentLocale, async() => {
companions.value = await getCompanions();
});
const { isNumeric } = useIsNumeric();
const p = computed(() => {
let filtered = [];
if (isNumeric(query.value))
filtered = companions.filter((x) => x.itemId == parseInt(query.value, 10));
filtered = companions.value.filter((x) => x.itemId == parseInt(query.value, 10));
else
filtered = companions.filter((x) => x.name.toLowerCase().includes(query.value.toLowerCase()));
filtered = companions.value.filter((x) => x.name.toLowerCase().includes(query.value.toLowerCase()));
return usePagination(filtered, 100);
})

11
pages/companions/overview/[id].vue
View File

@@ -19,6 +19,7 @@
<script setup lang="ts">
import Badge from "../../../components/Badge.vue";
import useClient from "../../../composables/useClient";
import useLocale from "~/composables/useLocale";
import { Companion } from "~/core/models";
import { useRoute } from "vue-router";
@@ -26,7 +27,13 @@ const route = useRoute();
const id = route.params.id as unknown;
const { client } = useClient();
const { currentLocale } = useLocale();
const getCompanions = async () => await client.companions.listAsync({locale: currentLocale.value, version: "latest"});
const companions = await client.companions.listAsync({locale: "default", version: "latest"});
const companion = companions.find((x) => x.itemId == id) || new Companion({});
const companions = ref(await getCompanions());
watch(currentLocale, async() => {
companions.value = await getCompanions();
});
const companion = companions.value.find((x) => x.itemId == id) || new Companion({});
</script>