From 1a9ffa6479e78c2258dfbf7e3ecf7b4b7ecb302e Mon Sep 17 00:00:00 2001
From: Walter Tommasi <tommsi20@gmail.com>
Date: Wed, 14 Nov 2018 21:35:31 +0100
Subject: [PATCH] Refactoring switch internal value

---
 src/components/switch/Switch.vue | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/components/switch/Switch.vue b/src/components/switch/Switch.vue
index 9f78c4f47..e10f7f444 100644
--- a/src/components/switch/Switch.vue
+++ b/src/components/switch/Switch.vue
@@ -11,7 +11,7 @@
         @mouseout="isMouseDown = false"
         @blur="isMouseDown = false">
         <input
-            v-model="newValue"
+            v-model="computedValue"
             type="checkbox"
             @click.stop
             :disabled="disabled"
@@ -49,18 +49,23 @@
                 isMouseDown: false
             }
         },
+        computed: {
+            computedValue: {
+                get() {
+                    return this.newValue
+                },
+                set(value) {
+                    this.newValue = value
+                    this.$emit('input', value)
+                }
+            }
+        },
         watch: {
             /**
              * When v-model change, set internal value.
              */
             value(value) {
                 this.newValue = value
-            },
-            /**
-             * Emit input event to update the user v-model.
-             */
-            newValue(value) {
-                this.$emit('input', value)
             }
         }
     }