title: Vue component in blade
body: <p>I'm trying to use <a href="http://monterail.github.io/vue-multiselect/" rel="nofollow noreferrer">this</a> in my Blade view. I have <code>.vue</code> file and the following code in JS:</p>
  <pre><code>import Multiselect from 'vue-multiselect'
  
  export default {
    components: {
      Multiselect
    },
    data () {
      return {
        value: '',
        options: ['Select option', 'options', 'selected', 'mulitple', 'label', 'searchable', 'clearOnSelect', 'hideSelected', 'maxHeight', 'allowEmpty', 'showLabels', 'onChange', 'touched']
      }
    }
  }
  </code></pre>
  <p>When I add the component in Blade like this:</p>
  <pre><code>&lt;div&gt;
     &lt;label class=&quot;typo__label&quot;&gt;Single select&lt;/label&gt;
     &lt;multiselect v-model=&quot;value&quot; :options=&quot;options&quot; :searchable=&quot;false&quot; :close-on-select=&quot;false&quot; :show-labels=&quot;false&quot; placeholder=&quot;Pick a value&quot;&gt;&lt;/multiselect&gt;
     &lt;pre class=&quot;language-json&quot;&gt;&lt;code&gt;@{{value}}&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
  </code></pre>
  <p>The select doesn't work, it only shows <code>{{value}}</code> string. ¿Any ideas?</p>