From 38c677b881dd0dc35cc82f73418539b64902f1be Mon Sep 17 00:00:00 2001
From: Sebastian Fey <info@sebastianfey.de>
Date: Tue, 12 Dec 2023 20:24:49 +0100
Subject: [PATCH 1/3] fix(Recipe editing): Show initial value in time-edit
 fields

Signed-off-by: Sebastian Fey <sebastian@arfinity.io>
Signed-off-by: Christian Wolf <github@christianwolf.email>
---
 .../FormComponents/EditTimeField.vue          | 28 ++++++++++++++-----
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/components/FormComponents/EditTimeField.vue b/src/components/FormComponents/EditTimeField.vue
index 06313b77c..b516b9ff7 100644
--- a/src/components/FormComponents/EditTimeField.vue
+++ b/src/components/FormComponents/EditTimeField.vue
@@ -21,7 +21,7 @@
 </template>
 
 <script setup>
-import { ref, watch } from 'vue';
+import { ref, onMounted, watch } from 'vue';
 
 const emit = defineEmits(['input']);
 
@@ -49,12 +49,8 @@ const hours = ref(null);
  */
 const minutes = ref(null);
 
-watch(
-    () => props.value,
-    () => {
-        [hours.value, minutes.value] = props.value.time;
-    },
-);
+
+// Methods
 
 const handleInput = () => {
     minutes.value = minutes.value ? minutes.value : 0;
@@ -69,6 +65,24 @@ const handleInput = () => {
         paddedTime: `PT${hoursPadded}H${minutesPadded}M`,
     });
 };
+
+const setLocalValueFromProps = () => {
+    if(props.value?.time) {
+        [hours.value, minutes.value] = props.value.time;
+    }
+};
+
+// Watchers
+
+watch(() => props.value, setLocalValueFromProps);
+
+
+// Vue lifecycle
+
+onMounted(() => {
+    setLocalValueFromProps();
+});
+
 </script>
 
 <script>

From 05d189a863b5edc3cafb67b1e4f6739a0749a217 Mon Sep 17 00:00:00 2001
From: Sebastian Fey <info@sebastianfey.de>
Date: Tue, 12 Dec 2023 20:25:22 +0100
Subject: [PATCH 2/3] chore: Update CHANGELOG

Signed-off-by: Sebastian Fey <sebastian@arfinity.io>
Signed-off-by: Christian Wolf <github@christianwolf.email>
---
 CHANGELOG.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index fe7d9595d..51a062dd5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -19,6 +19,8 @@
   [#1965](https://github.com/nextcloud/cookbook/pull/1965) @seyfeb
 - Replace eye icon with close icon for cancelling recipe edit
   [#1971](https://github.com/nextcloud/cookbook/pull/1971) @seyfeb
+- Fill prep, cook, and total time in `RecipeEdit` after loading
+  [#1973](https://github.com/nextcloud/cookbook/pull/1973) @seyfeb
 
 ### Maintenance
 - Add PHP lint checker to ensure valid (legacy) PHP syntax

From 1133a4b85b7ee1426a50ce8e799de802b994c204 Mon Sep 17 00:00:00 2001
From: Sebastian Fey <info@sebastianfey.de>
Date: Tue, 12 Dec 2023 20:36:47 +0100
Subject: [PATCH 3/3] chore: Fix code style

Signed-off-by: Sebastian Fey <sebastian@arfinity.io>
Signed-off-by: Christian Wolf <github@christianwolf.email>
---
 src/components/FormComponents/EditTimeField.vue | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/components/FormComponents/EditTimeField.vue b/src/components/FormComponents/EditTimeField.vue
index b516b9ff7..d3525fe1b 100644
--- a/src/components/FormComponents/EditTimeField.vue
+++ b/src/components/FormComponents/EditTimeField.vue
@@ -49,7 +49,6 @@ const hours = ref(null);
  */
 const minutes = ref(null);
 
-
 // Methods
 
 const handleInput = () => {
@@ -67,7 +66,7 @@ const handleInput = () => {
 };
 
 const setLocalValueFromProps = () => {
-    if(props.value?.time) {
+    if (props.value?.time) {
         [hours.value, minutes.value] = props.value.time;
     }
 };
@@ -76,13 +75,11 @@ const setLocalValueFromProps = () => {
 
 watch(() => props.value, setLocalValueFromProps);
 
-
 // Vue lifecycle
 
 onMounted(() => {
     setLocalValueFromProps();
 });
-
 </script>
 
 <script>