packages/playground/pages/examples/search.vue
<script lang="ts" setup>
const queryBy = 'title'
const searchInput = ref('')
</script>
<template>
<div>
<div><NuxtLink to="/">To home</NuxtLink></div>
<LazyStoripressSearch v-slot="props" v-model="searchInput" lazy :query-by="queryBy">
<div>
<label>Just typing...</label>
<input v-model="searchInput" placeholder="search" />
</div>
<div v-if="props.items.length === 0">
<h1 class="no-result">We’re sorry, we couldn’t find any articles!</h1>
<h2 class="try-another-keyword">Why don't you try searching for something else?</h2>
</div>
<div v-else class="grid grid-cols-1 gap-6 pb-24 lg:grid-cols-3">
<div v-for="item in props.items" :key="item.id">
{{ item.title }}
</div>
</div>
</LazyStoripressSearch>
</div>
</template>