nuxt-x-blog
SearchInput
Search input for filtering blog posts by title or description.
SearchInput
The XBLSearchInput component provides a text field for filtering blog posts by title and description. Used on the /blog listing page above the post grid.
Components
<XBLSearchInput />
A thin wrapper around UInput exposing a v-model string. Filtering itself happens in the parent — the pre-built /blog page filters the current page's posts client-side by title and description.
<XBLSearchInput v-model="query" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
modelValue | string | '' | Bound search query (v-model via defineModel) |
The input has a fixed "Search posts..." placeholder and a magnifying-glass icon; there are no other props or debounce — react to the bound value directly (e.g. via a computed or watchDebounced in the parent).
AI Context
component: XBLSearchInput
package: "@xenterprises/nuxt-x-blog"
use-when: Filtering blog posts by title or description on the listing page