Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-24 15:49:42 +02:00
Code Issues Releases Activity

Localize hard-coded texts (#2044)

Browse source 
* feat(lang): localize some views

* feat(lang): an attempt at localizing vuetify (WIP)

* feat(lang): localized some more screens

* feat(lang): localized some more screens again

* feat(lang): hack to localize vuetify

* feat(lang): localize data management pages

* fix linting errors

---------

Co-authored-by: Hayden <64056131+hay-kot@users.noreply.github.com>
This commit is contained in:
sephrat 2023-01-29 02:39:51 +01:00 • committed by GitHub
parent 754d4c3937
commit f8b8680b45
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
55 changed files with 695 additions and 393 deletions
Download patch file Download diff file Expand all files Collapse all files

70
frontend/pages/group/data.vue
View file

@ -4,8 +4,8 @@
<template #header>
<v-img max-height="175" max-width="175" :src="require('~/static/svgs/manage-recipes.svg')"></v-img>
</template>
<template #title> Data Management </template>
Select which data set you want to make changes to.
<template #title> {{ $t('data-pages.data-management') }} </template>
{{ $t('data-pages.data-management-description') }}
<BannerExperimental class="mt-5"></BannerExperimental>
<template #content>
<div>
@ -13,28 +13,7 @@
:btn-text="buttonText"
mode="link"
rounded
:items="[
{
text: 'Recipes',
value: 'new',
to: '/group/data/recipes',
},
{
text: 'Foods',
value: 'url',
to: '/group/data/foods',
},
{
text: 'Units',
value: 'new',
to: '/group/data/units',
},
{
text: 'Labels',
value: 'new',
to: '/group/data/labels',
},
]"
:items="DATA_TYPE_OPTIONS"
>
</BaseOverflowButton>
</div>
@ -49,7 +28,7 @@
</template>
<script lang="ts">
import { computed, defineComponent, useRoute } from "@nuxtjs/composition-api";
import { computed, defineComponent, useContext, useRoute } from "@nuxtjs/composition-api";
export default defineComponent({
props: {
@ -59,13 +38,37 @@ export default defineComponent({
},
},
setup() {
const { i18n } = useContext();
const buttonLookup: { [key: string]: string } = {
recipes: "Recipes",
foods: "Foods",
units: "Units",
labels: "Labels",
recipes: i18n.tc("general.recipes"),
foods: i18n.tc("general.foods"),
units: i18n.tc("general.units"),
labels: i18n.tc("data-pages.labels.labels"),
};
const DATA_TYPE_OPTIONS = [
{
text: i18n.t("general.recipes"),
value: "new",
to: "/group/data/recipes",
},
{
text: i18n.t("general.foods"),
value: "url",
to: "/group/data/foods",
},
{
text: i18n.t("general.units"),
value: "new",
to: "/group/data/units",
},
{
text: i18n.t("data-pages.labels.labels"),
value: "new",
to: "/group/data/labels",
},
];
const route = useRoute();
const buttonText = computed(() => {
@ -75,15 +78,18 @@ export default defineComponent({
return buttonLookup[last];
}
return "Select Data";
return i18n.tc("data-pages.select-data");
});
return {
buttonText,
DATA_TYPE_OPTIONS
};
},
head: {
title: "Data Management",
head() {
return {
title: this.$tc("data-pages.data-management"),
};
},
});
</script>