mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-05-24 01:12:54 -04:00
80968b02bb
* add groupSlug to most routes * fixed more routing issues * fixed jank and incorrect routes * remove public explore links * remove unused groupSlug and explore routes * nuked explore pages * fixed public toolstore bug * fixed various routes missing group slug * restored public app header menu * fix janky login redirect * 404 recipe API call returns to login * removed unused explore layout * force redirect when using the wrong group slug * fixed dead admin links * removed unused middleware from earlier attempt * 🧹 * improve cookbooks sidebar fixed sidebar link not working fixed sidebar link target hide cookbooks header when there are none * added group slug to user * fix $auth typehints * vastly simplified groupSlug logic * allow logged-in users to view other groups * fixed some edgecases that bypassed isOwnGroup * fixed static home ref * 🧹 * fixed redirect logic * lint warning * removed group slug from group and user pages refactored all components to use route groupSlug or user group slug moved some group pages to recipe pages * fixed some bad types * 🧹 * moved groupSlug routes under /g/groupSlug * move /recipe/ to /r/ * fix backend url generation and metadata injection * moved shopping lists to root/other route fixes * changed shared from /recipes/ to /r/ * fixed 404 redirect not awaiting * removed unused import * fix doc links * fix public recipe setting not affecting public API * fixed backend tests * fix nuxt-generate command --------- Co-authored-by: Hayden <64056131+hay-kot@users.noreply.github.com>
98 lines
2.6 KiB
Vue
98 lines
2.6 KiB
Vue
<template>
|
|
<div>
|
|
<v-container class="flex-column">
|
|
<BasePageTitle divider>
|
|
<template #header>
|
|
<v-img max-height="175" max-width="175" :src="require('~/static/svgs/recipes-create.svg')"></v-img>
|
|
</template>
|
|
<template #title> {{ $t('recipe.recipe-creation') }} </template>
|
|
{{ $t('recipe.select-one-of-the-various-ways-to-create-a-recipe') }}
|
|
<template #content>
|
|
<div class="ml-auto">
|
|
<BaseOverflowButton v-model="subpage" rounded :items="subpages"> </BaseOverflowButton>
|
|
</div>
|
|
</template>
|
|
</BasePageTitle>
|
|
<section>
|
|
<NuxtChild />
|
|
</section>
|
|
</v-container>
|
|
|
|
<AdvancedOnly>
|
|
<v-container class="d-flex justify-center align-center my-4">
|
|
<a :to="`/group/migrations`"> {{ $t('recipe.looking-for-migrations') }}</a>
|
|
</v-container>
|
|
</AdvancedOnly>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent, useRouter, useContext, computed, useRoute } from "@nuxtjs/composition-api";
|
|
import { MenuItem } from "~/components/global/BaseOverflowButton.vue";
|
|
import AdvancedOnly from "~/components/global/AdvancedOnly.vue";
|
|
|
|
export default defineComponent({
|
|
components: { AdvancedOnly },
|
|
setup() {
|
|
const { $auth, $globals, i18n } = useContext();
|
|
|
|
const subpages: MenuItem[] = [
|
|
{
|
|
icon: $globals.icons.link,
|
|
text: i18n.tc("recipe.import-with-url"),
|
|
value: "url",
|
|
},
|
|
{
|
|
icon: $globals.icons.edit,
|
|
text: i18n.tc("recipe.create-recipe"),
|
|
value: "new",
|
|
},
|
|
{
|
|
icon: $globals.icons.zip,
|
|
text: i18n.tc("recipe.import-with-zip"),
|
|
value: "zip",
|
|
},
|
|
{
|
|
icon: $globals.icons.fileImage,
|
|
text: i18n.tc("recipe.create-recipe-from-an-image"),
|
|
value: "ocr",
|
|
},
|
|
{
|
|
icon: $globals.icons.link,
|
|
text: i18n.tc("recipe.bulk-url-import"),
|
|
value: "bulk",
|
|
},
|
|
{
|
|
icon: $globals.icons.robot,
|
|
text: i18n.tc("recipe.debug-scraper"),
|
|
value: "debug",
|
|
},
|
|
];
|
|
|
|
const route = useRoute();
|
|
const router = useRouter();
|
|
const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
|
|
|
|
const subpage = computed({
|
|
set(subpage: string) {
|
|
router.push({ path: `/g/${groupSlug.value}/r/create/${subpage}`, query: route.value.query });
|
|
},
|
|
get() {
|
|
return route.value.path.split("/").pop() ?? "url";
|
|
},
|
|
});
|
|
|
|
return {
|
|
groupSlug,
|
|
subpages,
|
|
subpage,
|
|
};
|
|
},
|
|
head() {
|
|
return {
|
|
title: this.$t("general.create") as string,
|
|
};
|
|
},
|
|
});
|
|
</script>
|