fix: simplify reactive updates for editedEnvironment and editedSecretEnvironment in TaskParamsForm.vue

Signed-off-by: Prachya Saechua <[email protected]>

Author: blackb1rd

web/src/components/TaskParamsForm.vue

@@ -250,36 +250,16 @@ export default {
         this.item[field] = v[field];
       });
 
-      const parsedEnv = JSON.parse(v.environment || '{}');
-      const parsedSecret = JSON.parse(v.secret || '{}');
-
-      // Clear and update editedEnvironment reactively
-      Object.keys(this.editedEnvironment).forEach((key) => {
-        this.$delete(this.editedEnvironment, key);
-      });
-      Object.keys(parsedEnv).forEach((key) => {
-        this.$set(this.editedEnvironment, key, parsedEnv[key]);
-      });
-
-      // Clear and update editedSecretEnvironment reactively
-      Object.keys(this.editedSecretEnvironment).forEach((key) => {
-        this.$delete(this.editedSecretEnvironment, key);
-      });
-      Object.keys(parsedSecret).forEach((key) => {
-        this.$set(this.editedSecretEnvironment, key, parsedSecret[key]);
-      });
+      this.editedEnvironment = JSON.parse(v.environment || '{}');
+      this.editedSecretEnvironment = JSON.parse(v.secret || '{}');
 
       // Normalize select type variables to ensure they are arrays
       if (this.template && this.template.survey_vars) {
         this.template.survey_vars.forEach((surveyVar) => {
           if (surveyVar.type === 'select' && this.editedEnvironment[surveyVar.name] !== undefined) {
             const currentValue = this.editedEnvironment[surveyVar.name];
             if (!Array.isArray(currentValue)) {
-              this.$set(
-                this.editedEnvironment,
-                surveyVar.name,
-                currentValue == null || currentValue === '' ? [] : [currentValue],
-              );
+              this.editedEnvironment[surveyVar.name] = currentValue == null || currentValue === '' ? [] : [currentValue];
             }
           }
         });