feat: auto increment headers and parameters list on input

components/http/Headers.vue

@@ -168,6 +168,7 @@ export default {
   data() {
     return {
       commonHeaders,
+      headers$: [],
     }
   },
   subscriptions() {
@@ -178,18 +179,20 @@ export default {
       ),
     }
   },
-  // watch: {
+  watch: {
-  //   headers: {
+    headers$: {
-  //     handler(newValue) {
+      handler(newValue) {
-  //       if (
+        console.log("changed")
-  //         newValue[newValue.length - 1]?.key !== "" ||
+        if (
-  //         newValue[newValue.length - 1]?.value !== ""
+          (newValue[newValue.length - 1]?.key !== "" ||
-  //       )
+            newValue[newValue.length - 1]?.value !== "") &&
-  //         this.addRequestHeader()
+          newValue.length
-  //     },
+        )
-  //     deep: true,
+          this.addHeader()
-  //   },
+      },
-  // },
+      deep: true,
+    },
+  },
   mounted() {
     if (!this.headers$?.length) {
       this.addHeader()

components/http/Parameters.vue

@@ -197,18 +197,19 @@ export default {
       ),
     }
   },
-  // watch: {
+  watch: {
-  //   params$: {
+    params$: {
-  //     handler(newValue) {
+      handler(newValue) {
-  //       if (
+        if (
-  //         newValue[newValue.length - 1]?.key !== "" ||
+          (newValue[newValue.length - 1]?.key !== "" ||
-  //         newValue[newValue.length - 1]?.value !== ""
+            newValue[newValue.length - 1]?.value !== "") &&
-  //       )
+          newValue.length
-  //         this.addParam()
+        )
-  //     },
+          this.addParam()
-  //     deep: true,
+      },
-  //   },
+      deep: true,
-  // },
+    },
+  },
   mounted() {
     if (!this.params$?.length) {
       this.addParam()