From 9911dec279de3a25efd29999df159e9538ed3aa7 Mon Sep 17 00:00:00 2001
From: Bernhard Kirchen <schlimmchen@posteo.net>
Date: Wed, 26 Jun 2024 23:01:27 +0200
Subject: [PATCH] HTTP request config component: do not mutate prop

use an event-driven mutation scheme, i.e., adapt the common v-model
approach to bind data to the child component.
---
 webapp/src/components/HttpRequestSettings.vue | 13 +++++++++++--
 webapp/src/views/PowerMeterAdminView.vue      |  4 ++--
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/webapp/src/components/HttpRequestSettings.vue b/webapp/src/components/HttpRequestSettings.vue
index fccb14a4..d3a69c2d 100644
--- a/webapp/src/components/HttpRequestSettings.vue
+++ b/webapp/src/components/HttpRequestSettings.vue
@@ -63,11 +63,20 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
+import type { HttpRequestConfig } from '@/types/HttpRequestConfig';
 import InputElement from '@/components/InputElement.vue';
 
 export default defineComponent({
-    props: {
-        'cfg': { type: Object, required: true }
+    props: { 'modelValue': Object as () => HttpRequestConfig },
+    computed: {
+        cfg: {
+            get(): HttpRequestConfig {
+                return this.modelValue || {} as HttpRequestConfig;
+            },
+            set(newValue: HttpRequestConfig): void {
+                this.$emit('update:modelValue', newValue);
+            }
+        }
     },
     components: {
         InputElement
diff --git a/webapp/src/views/PowerMeterAdminView.vue b/webapp/src/views/PowerMeterAdminView.vue
index c8b2e5e1..977e281e 100644
--- a/webapp/src/views/PowerMeterAdminView.vue
+++ b/webapp/src/views/PowerMeterAdminView.vue
@@ -143,7 +143,7 @@
 
                         <div v-if="httpJson.enabled">
 
-                            <HttpRequestSettings :cfg="httpJson.http_request" v-if="index == 0 || powerMeterConfigList.http_json.individual_requests"/>
+                            <HttpRequestSettings v-model="httpJson.http_request" v-if="index == 0 || powerMeterConfigList.http_json.individual_requests"/>
 
                             <InputElement :label="$t('powermeteradmin.valueJsonPath')"
                                 v-model="httpJson.json_path"
@@ -204,7 +204,7 @@
                             :postfix="$t('powermeteradmin.seconds')"
                             wide />
 
-                        <HttpRequestSettings :cfg="powerMeterConfigList.http_sml.http_request" />
+                        <HttpRequestSettings v-model="powerMeterConfigList.http_sml.http_request" />
                     </CardElement>
 
                     <CardElement