A working slider

1 files changed, 16 insertions, 4 deletions

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">