Skip to content
Closed
Changes from all commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 2 additions & 5 deletions app/pages/index.vue
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,6 @@
import { debounce } from 'perfect-debounce'

const searchQuery = shallowRef('')
const searchInputRef = useTemplateRef('searchInputRef')
const { focused: isSearchFocused } = useFocus(searchInputRef)

async function search() {
const query = searchQuery.value.trim()
Expand Down Expand Up @@ -70,8 +68,7 @@ defineOgImageComponent('Default', {
{{ $t('search.label') }}
</label>

<!-- Search input with glow effect on focus -->
<div class="relative group" :class="{ 'is-focused': isSearchFocused }">
<div class="relative group">
<!-- Subtle glow effect -->
<div
class="absolute -inset-px rounded-lg bg-gradient-to-r from-fg/0 via-fg/5 to-fg/0 opacity-0 transition-opacity duration-500 blur-sm group-[.is-focused]:opacity-100"
Expand All @@ -87,7 +84,7 @@ defineOgImageComponent('Default', {
<input
id="home-search"
ref="searchInputRef"
v-model="searchQuery"
v-model.trim="searchQuery"
type="search"
name="q"
autofocus
Expand Down
Loading