github/mealie
1
0
Fork 0
mirror of https://github.com/hay-kot/mealie.git synced 2025-08-22 06:23:34 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 17

fix: check if slug is empty to show alert

Browse source
This commit is contained in:
Fernando Muñoz Paredes 2025-07-13 16:50:01 +00:00
commit 3726dfd92e
1 changed files with 16 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

16
frontend/pages/g/[groupSlug]/r/create/new.vue
View file

@ -46,6 +46,7 @@ import type { AxiosResponse } from "axios";
import { useUserApi } from "~/composables/api"; import { useUserApi } from "~/composables/api";
import { validators } from "~/composables/use-validators"; import { validators } from "~/composables/use-validators";
import type { VForm } from "~/types/auto-forms"; import type { VForm } from "~/types/auto-forms";
import { alert } from "~/composables/use-toast";
export default defineNuxtComponent({ export default defineNuxtComponent({
setup() { setup() {
@ -59,6 +60,7 @@ export default defineNuxtComponent({
const api = useUserApi(); const api = useUserApi();
const router = useRouter(); const router = useRouter();
const i18n = useI18n();
function handleResponse(response: AxiosResponse<string> | null, edit = false) { function handleResponse(response: AxiosResponse<string> | null, edit = false) {
if (response?.status !== 201) { if (response?.status !== 201) {
@ -71,11 +73,25 @@ export default defineNuxtComponent({
const newRecipeName = ref(""); const newRecipeName = ref("");
const domCreateByName = ref<VForm | null>(null); const domCreateByName = ref<VForm | null>(null);
function createRecipeSlug(str: string): string {
return str
.toLowerCase()
.normalize("NFD")
.replace(/\p{Diacritic}/gu, "")
.replace(/[^a-z0-9]+/g, "-")
.replace(/^-+|-+$/g, "")
.replace(/-+/g, "-");
}
async function createByName(name: string) { async function createByName(name: string) {
if (!domCreateByName.value?.validate() || name === "") { if (!domCreateByName.value?.validate() || name === "") {
return; return;
} }
const recipeSlug = createRecipeSlug(name);
if (!recipeSlug) {
alert.error(i18n.t("recipe.recipe-creation-failed") as string);
return;
}
const { response } = await api.recipes.createOne({ name }); const { response } = await api.recipes.createOne({ name });
handleResponse(response as any, true); handleResponse(response as any, true);
} }