Vue typeahead

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.10/vue.js"></script>
<script src="https://cdn.rawgit.com/wffranco/vue-strap/457ba43b/dist/vue-strap.js"></script>
<div id="app">
  <typeahead v-model="value" v-bind:data="options">
  </typeahead>
</div>
<br>
<div id="app2">
App2
   <typeahead2 v-model="value" v-bind:data="options">
  </typeahead2>
</div>

JavaScript

Vue.component("typeahead", VueStrap.typeahead);

var app = new Vue({
  el: "#app",
  data: {
    value: null,
    options: ["foo", "bar", "baz"]
  }
})

Vue.component("typeahead2", VueStrap.typeahead);

var app2 = new Vue({
  el: "#app2",
  data: {
  value: null,
  options: ["qwerty", "apple", "jon"]
  }
})