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

chore: make vue domain components localizable (#1532)

Browse source
This commit is contained in:
Philipp Fischbeck 2022-08-10 07:12:45 +02:00 • committed by GitHub
parent e5bf7bce17
commit 32244988d2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
23 changed files with 254 additions and 144 deletions
Download patch file Download diff file Expand all files Collapse all files

36
frontend/components/Domain/ShoppingList/ShoppingListItem.vue
View file

@ -52,7 +52,7 @@
</template>
<script lang="ts">
import { defineComponent, computed, ref } from "@nuxtjs/composition-api";
import { defineComponent, computed, ref, useContext } from "@nuxtjs/composition-api";
import ShoppingListItemEditor from "./ShoppingListItemEditor.vue";
import MultiPurposeLabel from "./MultiPurposeLabel.vue";
import { ShoppingListItemCreate } from "~/types/api-types/group";
@ -65,21 +65,6 @@ interface actions {
event: string;
}
const contextMenu: actions[] = [
{
text: "Edit",
event: "edit",
},
{
text: "Delete",
event: "delete",
},
{
text: "Transfer",
event: "transfer",
},
];
export default defineComponent({
components: { ShoppingListItemEditor, MultiPurposeLabel },
props: {
@ -101,6 +86,23 @@ export default defineComponent({
},
},
setup(props, context) {
const { i18n } = useContext();
const contextMenu: actions[] = [
{
text: i18n.t("general.edit") as string,
event: "edit",
},
{
text: i18n.t("general.delete") as string,
event: "delete",
},
{
text: i18n.t("general.transfer") as string,
event: "transfer",
},
];
const listItem = computed({
get: () => {
return props.value;
@ -152,4 +154,4 @@ export default defineComponent({
.strike-through {
text-decoration: line-through !important;
}
</style>
</style>