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

feat: Migrate to Nuxt 3 framework (#5184)

Browse source 
Co-authored-by: Michael Genson <71845777+michael-genson@users.noreply.github.com>
Co-authored-by: Kuchenpirat <24235032+Kuchenpirat@users.noreply.github.com>
This commit is contained in:
Hoa (Kyle) Trinh 2025-06-20 00:09:12 +07:00 • committed by GitHub
parent 89ab7fac25
commit c24d532608
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
403 changed files with 23959 additions and 19557 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -2,9 +2,16 @@
<v-container>
<BasePageTitle>
<template #header>
<v-img max-height="175" max-width="175" :src="require('~/static/svgs/manage-recipes.svg')"></v-img>
<v-img
width="100%"
max-height="175"
max-width="175"
:src="require('~/static/svgs/manage-recipes.svg')"
/>
</template>
<template #title>
{{ $t('data-pages.data-management') }}
</template>
<template #title> {{ $t('data-pages.data-management') }} </template>
{{ $t('data-pages.data-management-description') }}
<template #content>
<div>
@ -13,114 +20,106 @@
mode="link"
rounded
:items="DATA_TYPE_OPTIONS"
>
</BaseOverflowButton>
/>
</div>
</template>
</BasePageTitle>
<section>
<v-scroll-x-transition>
<NuxtChild />
<div>
<NuxtPage />
</div>
</v-scroll-x-transition>
</section>
</v-container>
</template>
<script lang="ts">
import { computed, defineComponent, useContext, useRoute } from "@nuxtjs/composition-api";
export default defineComponent({
middleware: ["auth", "can-organize-only"],
props: {
value: {
type: Boolean,
default: false,
},
},
export default defineNuxtComponent({
middleware: ["sidebase-auth", "can-organize-only"],
setup() {
const { i18n } = useContext();
const i18n = useI18n();
const buttonLookup: { [key: string]: string } = {
recipes: i18n.tc("general.recipes"),
recipeActions: i18n.tc("recipe.recipe-actions"),
foods: i18n.tc("general.foods"),
units: i18n.tc("general.units"),
labels: i18n.tc("data-pages.labels.labels"),
categories: i18n.tc("category.categories"),
tags: i18n.tc("tag.tags"),
tools: i18n.tc("tool.tools"),
recipes: i18n.t("general.recipes"),
recipeActions: i18n.t("recipe.recipe-actions"),
foods: i18n.t("general.foods"),
units: i18n.t("general.units"),
labels: i18n.t("data-pages.labels.labels"),
categories: i18n.t("category.categories"),
tags: i18n.t("tag.tags"),
tools: i18n.t("tool.tools"),
};
const route = useRoute();
const DATA_TYPE_OPTIONS = computed(() => [
{
text: i18n.tc("general.recipes"),
text: i18n.t("general.recipes"),
value: "new",
to: "/group/data/recipes",
},
{
text: i18n.tc("recipe.recipe-actions"),
text: i18n.t("recipe.recipe-actions"),
value: "new",
to: "/group/data/recipe-actions",
divider: true,
},
{
text: i18n.tc("general.foods"),
text: i18n.t("general.foods"),
value: "url",
to: "/group/data/foods",
},
{
text: i18n.tc("general.units"),
text: i18n.t("general.units"),
value: "new",
to: "/group/data/units",
},
{
text: i18n.tc("data-pages.labels.labels"),
text: i18n.t("data-pages.labels.labels"),
value: "new",
to: "/group/data/labels",
divider: true,
},
{
text: i18n.tc("category.categories"),
text: i18n.t("category.categories"),
value: "new",
to: "/group/data/categories",
},
{
text: i18n.tc("tag.tags"),
text: i18n.t("tag.tags"),
value: "new",
to: "/group/data/tags",
},
{
text: i18n.tc("tool.tools"),
text: i18n.t("tool.tools"),
value: "new",
to: "/group/data/tools",
}
},
]);
const buttonText = computed(() => {
const last = route.value.path
const last = route.path
.split("/")
.pop()
// convert hypenated-values to camelCase
// convert hypenated-values to camelCase
?.replace(/-([a-z])/g, function (g) {
return g[1].toUpperCase();
})
});
if (last) {
return buttonLookup[last];
}
return i18n.tc("data-pages.select-data");
return i18n.t("data-pages.select-data");
});
useSeoMeta({
title: i18n.t("data-pages.data-management"),
});
return {
buttonText,
DATA_TYPE_OPTIONS
};
},
head() {
return {
title: this.$tc("data-pages.data-management"),
DATA_TYPE_OPTIONS,
};
},
});