mirror of
https://github.com/mealie-recipes/mealie.git
synced 2026-04-09 14:35:35 -04:00
chore: migrate remaining pages to script setup (#7310)
This commit is contained in:
@@ -34,93 +34,87 @@
|
||||
</v-container>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
export default defineNuxtComponent({
|
||||
<script setup lang="ts">
|
||||
definePageMeta({
|
||||
middleware: ["can-organize-only"],
|
||||
setup() {
|
||||
const i18n = useI18n();
|
||||
const buttonLookup: { [key: string]: string } = {
|
||||
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 i18n = useI18n();
|
||||
const buttonLookup: { [key: string]: string } = {
|
||||
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 DATA_TYPE_OPTIONS = computed(() => [
|
||||
{
|
||||
text: i18n.t("general.recipes"),
|
||||
value: "new",
|
||||
to: "/group/data/recipes",
|
||||
},
|
||||
{
|
||||
text: i18n.t("recipe.recipe-actions"),
|
||||
value: "new",
|
||||
to: "/group/data/recipe-actions",
|
||||
divider: true,
|
||||
},
|
||||
{
|
||||
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",
|
||||
divider: true,
|
||||
},
|
||||
{
|
||||
text: i18n.t("category.categories"),
|
||||
value: "new",
|
||||
to: "/group/data/categories",
|
||||
},
|
||||
{
|
||||
text: i18n.t("tag.tags"),
|
||||
value: "new",
|
||||
to: "/group/data/tags",
|
||||
},
|
||||
{
|
||||
text: i18n.t("tool.tools"),
|
||||
value: "new",
|
||||
to: "/group/data/tools",
|
||||
},
|
||||
]);
|
||||
const route = useRoute();
|
||||
|
||||
const buttonText = computed(() => {
|
||||
const last = route.path
|
||||
.split("/")
|
||||
.pop()
|
||||
// convert hypenated-values to camelCase
|
||||
?.replace(/-([a-z])/g, function (g) {
|
||||
return g[1].toUpperCase();
|
||||
});
|
||||
|
||||
if (last) {
|
||||
return buttonLookup[last];
|
||||
}
|
||||
|
||||
return i18n.t("data-pages.select-data");
|
||||
});
|
||||
|
||||
useSeoMeta({
|
||||
title: i18n.t("data-pages.data-management"),
|
||||
});
|
||||
|
||||
return {
|
||||
buttonText,
|
||||
DATA_TYPE_OPTIONS,
|
||||
};
|
||||
const DATA_TYPE_OPTIONS = computed(() => [
|
||||
{
|
||||
text: i18n.t("general.recipes"),
|
||||
value: "new",
|
||||
to: "/group/data/recipes",
|
||||
},
|
||||
{
|
||||
text: i18n.t("recipe.recipe-actions"),
|
||||
value: "new",
|
||||
to: "/group/data/recipe-actions",
|
||||
divider: true,
|
||||
},
|
||||
{
|
||||
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",
|
||||
divider: true,
|
||||
},
|
||||
{
|
||||
text: i18n.t("category.categories"),
|
||||
value: "new",
|
||||
to: "/group/data/categories",
|
||||
},
|
||||
{
|
||||
text: i18n.t("tag.tags"),
|
||||
value: "new",
|
||||
to: "/group/data/tags",
|
||||
},
|
||||
{
|
||||
text: i18n.t("tool.tools"),
|
||||
value: "new",
|
||||
to: "/group/data/tools",
|
||||
},
|
||||
]);
|
||||
|
||||
const buttonText = computed(() => {
|
||||
const last = route.path
|
||||
.split("/")
|
||||
.pop()
|
||||
// convert hypenated-values to camelCase
|
||||
?.replace(/-([a-z])/g, function (g) {
|
||||
return g[1].toUpperCase();
|
||||
});
|
||||
|
||||
if (last) {
|
||||
return buttonLookup[last];
|
||||
}
|
||||
|
||||
return i18n.t("data-pages.select-data");
|
||||
});
|
||||
|
||||
useSeoMeta({
|
||||
title: i18n.t("data-pages.data-management"),
|
||||
});
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user