From f69f221e1073fb2e16c35dd7e80496592760629f Mon Sep 17 00:00:00 2001
From: Michael Tintiuc <michaeltintiuc@users.noreply.github.com>
Date: Thu, 28 Mar 2019 16:15:56 +0200
Subject: [PATCH] docs(range): update ion-range vue docs (#17885)

---
 core/src/components/range/readme.md    | 11 ++++++++++-
 core/src/components/range/usage/vue.md | 11 ++++++++++-
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/core/src/components/range/readme.md b/core/src/components/range/readme.md
index 2e846815a8..9882c47be2 100644
--- a/core/src/components/range/readme.md
+++ b/core/src/components/range/readme.md
@@ -169,10 +169,19 @@ export default Example;
     </ion-item>
 
     <ion-item>
-      <ion-range dualKnobs="true" min="21" max="72" step="3" snaps="true"></ion-range>
+      <ion-range ref="rangeDualKnobs" dual-knobs="true" min="21" max="72" step="3" snaps="true"></ion-range>
     </ion-item>
   </ion-list>
 </template>
+
+<script>
+export default {
+  mounted() {
+    // Sets initial value for dual-knob ion-range
+    this.$refs.rangeDualKnobs.value = { lower: 24, upper: 42 };
+  }
+}
+</script>
 ```
 
 
diff --git a/core/src/components/range/usage/vue.md b/core/src/components/range/usage/vue.md
index fc7f63a4c2..aa9c1a4d47 100644
--- a/core/src/components/range/usage/vue.md
+++ b/core/src/components/range/usage/vue.md
@@ -28,8 +28,17 @@
     </ion-item>
 
     <ion-item>
-      <ion-range dualKnobs="true" min="21" max="72" step="3" snaps="true"></ion-range>
+      <ion-range ref="rangeDualKnobs" dual-knobs="true" min="21" max="72" step="3" snaps="true"></ion-range>
     </ion-item>
   </ion-list>
 </template>
+
+<script>
+export default {
+  mounted() {
+    // Sets initial value for dual-knob ion-range
+    this.$refs.rangeDualKnobs.value = { lower: 24, upper: 42 };
+  }
+}
+</script>
 ```