JSFiddle - React, Tailwind, and code Playground

by jessekinsman

HTML

<div id="app">
  <InputSearch v-bind:list="items" id="autocomplete" name="inputSearch" placeholder="Search Items" v-bind:checktop=true @selected="selected" />
</div>

JavaScript

var app = new Vue({
  el: '#app',
  data: {
  	items: [
    	{
        name: "test 1",
        id: 1,
      },
      {
        name: "test 2",
        id: 2
      },
      {
        name: "test 3",
        id: 3
      }
    ]
  },
  methods: {
  	selected: function(e) {
    	console.log("item " + e.name + " selected");
    }
  }
});