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

fix draggable instructions, kind of

Browse source
This commit is contained in:
Michael Genson 2025-06-02 15:51:57 +00:00
commit d09dc2b740
1 changed files with 18 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

23
frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInstructions.vue
View file

@ -137,7 +137,7 @@
:name="!drag ? 'flip-list' : ''"
>
<div
v-for="(step, index) in modelValue"
v-for="(step, index) in instructionList"
:key="step.id!"
class="list-group-item"
>
@ -499,10 +499,23 @@ export default defineNuxtComponent({
showTitleEditor.value = temp;
}
const instructionList = computed({
get: () => props.modelValue,
set: (value: RecipeStep[]) => context.emit("update:modelValue", value),
});
const instructionList = ref<RecipeStep[]>([...props.modelValue]);
watch(
() => props.modelValue,
(newVal) => {
instructionList.value = [...newVal];
},
{ deep: true }
);
watch(
instructionList,
(newVal) => {
context.emit("update:modelValue", [...newVal]);
},
{ deep: true }
);
// ===============================================================
// Ingredient Linker