title: How to use vue-slider-component in Laravel 5.6
body: <p>i would like to add a slider to my panel. I've insalled </p>
  
  <pre><code>npm install vue-slider-component --save
  </code></pre>
  
  <p>and then i created a new component and regstried in <code>app.js</code></p>
  
  <p>In my Slider.vue component i added the startet template</p>
  
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;vue-slider ref="slider" v-bind="options" v-model="value"&gt;&lt;/vue-slider&gt;
      &lt;h3&gt;&lt;small&gt;Value: &lt;/small&gt;{{ options.value }}&lt;/h3&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>and imported the vueSlider </p>
  
  <pre><code>&lt;script&gt;
    import vueSlider from 'vue-slider-component'
  
    export default {
      components: {
        vueSlider
      },
  
      data() {
        return {
          options: {
            value: 5,
            width: 'auto',
            height: 6,
            direction: 'horizontal',
            dotSize: 16,
            eventType: 'auto',
            min: 5,
            max: 100,
            interval: 5,
            show: true,
          }
        }
      },
    }
  &lt;/script&gt;
  </code></pre>
  
  <p>I'm getting the the slider. Unfortunately i can't slide it and get immediately the maxValue on the start. Like in this picture
  <a href="https://i.stack.imgur.com/Sc2qB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Sc2qB.png" alt="enter image description here"></a>
  and thats it. It doesn't matter where i click it does nothing. When i would like to change the options like change the dotSize it also does nothing.</p>
  
  <p>I noticed that when i open the console(F12) it's working perfectly.</p>
  
  <p>The slider is wrped in a bootstrap 3 panel.</p>
  
  <p>What do i'm missing ? </p>
  
  <p>UPDATE 1:</p>
  
  <p>i pulled the value outside the options now i get this:</p>
  
  <p><a href="https://i.stack.imgur.com/DJx5E.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DJx5E.png" alt="enter image description here"></a></p>