From 5dad2aa8da9c123a78717866be67b7ee3ec0ad2d Mon Sep 17 00:00:00 2001
From: Yuval Adam <_@yuv.al>
Date: Sat, 14 Oct 2017 20:36:29 +0300
Subject: A working slider

---
 Geshem.vue | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

(limited to 'Geshem.vue')

diff --git a/Geshem.vue b/Geshem.vue
index 7c6a6c9..44a233d 100644
--- a/Geshem.vue
+++ b/Geshem.vue
@@ -1,11 +1,23 @@
 <template>
-<div id="geshem"><h1>Hello World</h1></div>
+  <div id="geshem">
+    <h1>Hello World</h1>
+    <vue-slider ref="slider" v-model="slider" :min=1 :max=7></vue-slider>
+  </div>
 </template>
 
 <script>
-export default {
-name: 'geshem'
-}
+  import vueSlider from 'vue-slider-component';
+  export default {
+    name: 'geshem',
+    data: function () {
+      return {
+        slider: 7
+      }
+    },
+    components: {
+      'vue-slider': vueSlider
+    },
+  }
 </script>
 
 <style lang="scss">
-- 
cgit v1.3.1

