close #1384 Fixed: Recurring count always set as 0

resources/assets/js/components/AkauntingRecurring.vue

@@ -28,6 +28,7 @@
             :class="invertalClasses"
             :error="intervalError"
             v-model="recurring_interval"
+            @input="change"
         >
         </base-input>
 
@@ -50,11 +51,11 @@
         <base-input :label="''"
             name="recurring_count"
             type="number"
-                :value="0"
             class="recurring-single"
             :class="countClasses"
             :error="countError"
             v-model="recurring_count"
+            @input="change"
         >
         </base-input>
     </div>
@@ -89,14 +90,22 @@ export default {
         frequencyValue: null,
         frequencyError: null,
 
-        intervalValue: null,
+        intervalValue: {
+            type: [Number, String],
+            default: 0,
+            description: "Default interval value"
+        },
         intervalError: null,
 
         customFrequencyOptions: null,
         customFrequencyValue: null,
         customFrequencyError: null,
 
-        countValue: null,
+        countValue: {
+            type: [Number, String],
+            default: 0,
+            description: "Default count value"
+        },
         countError: null,
 
         icon: {
@@ -107,10 +116,10 @@ export default {
 
     data() {
         return {
-            recurring_frequency: this.frequencyValue,
+            recurring_frequency: null,
-            recurring_interval: this.intervalValue,
+            recurring_interval: null,
-            recurring_custom_frequency: this.customFrequencyValue,
+            recurring_custom_frequency: null,
-            recurring_count: this.countValue,
+            recurring_count: null,
             frequencyClasses: 'col-md-12',
             invertalClasses: 'col-md-2 d-none',
             customFrequencyClasses: 'col-md-4 d-none',
@@ -118,6 +127,13 @@ export default {
         }
     },
 
+    created() {
+        this.recurring_frequency = this.frequencyValue;
+        this.recurring_interval = this.intervalValue;
+        this.recurring_custom_frequency = this.customFrequencyValue;
+        this.recurring_count = this.countValue;
+    },
+
     mounted() {
         this.recurring_frequency = this.frequencyValue;