JSFiddle - React, Tailwind, and code Playground

HTML

<template id="search">
	<div>
		<input type="text" v-model="search">
    <li v-show="'hello'.includes(search) && search !== ''">Hello</li>
    <li v-show="'world'.includes(search) && search !== ''">World</li>
	</div>
</template>




<div id="app"><search></search></div>

JavaScript

Vue.component('search', {
	template : '#search',
	data: function(){return{
		search : '',
	}},
  watch: {
			'search' : function(v) {
         this.search = v.toLowerCase().trim();
			}
	}
});





App = new Vue({el:'#app'});