diff --git a/frontend/components/Domain/Recipe/RecipeIngredients.vue b/frontend/components/Domain/Recipe/RecipeIngredients.vue index 8be0b433a..3769243c1 100644 --- a/frontend/components/Domain/Recipe/RecipeIngredients.vue +++ b/frontend/components/Domain/Recipe/RecipeIngredients.vue @@ -52,11 +52,20 @@ export default defineComponent({ }); const ingredientCopyText = computed(() => { - return props.value - .map((ingredient) => { - return `${parseIngredientText(ingredient, props.disableAmount, props.scale, false)}`; - }) - .join("\n"); + const components: string[] = []; + props.value.forEach((ingredient) => { + if (ingredient.title) { + if (components.length) { + components.push(""); + } + + components.push(`[${ingredient.title}]`); + } + + components.push(parseIngredientText(ingredient, props.disableAmount, props.scale, false)); + }); + + return components.join("\n"); }); function toggleChecked(index: number) {