fix nav bug taking you to / always
This commit is contained in:
parent
1e14e5f2be
commit
f3f5d58ebb
1 changed files with 10 additions and 6 deletions
|
@ -7,8 +7,16 @@
|
||||||
const searchMatch = useMatch("/search/:query");
|
const searchMatch = useMatch("/search/:query");
|
||||||
|
|
||||||
let searchQuery = $searchMatch?.params.query || "";
|
let searchQuery = $searchMatch?.params.query || "";
|
||||||
$: if (searchQuery.length > 0) navigate(`/search/${searchQuery}`); else navigate ("/");
|
|
||||||
$: if (!$location.pathname.includes("search")) searchQuery = "";
|
$: if (!$location.pathname.includes("search")) searchQuery = "";
|
||||||
|
function onInput(ev: InputEvent) {
|
||||||
|
searchQuery = ev.target.value;
|
||||||
|
|
||||||
|
if (searchQuery.length > 0) {
|
||||||
|
navigate(`/search/${searchQuery}`);
|
||||||
|
} else {
|
||||||
|
navigate("/");
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="header">
|
<div class="header">
|
||||||
|
@ -18,11 +26,7 @@
|
||||||
UpEnd
|
UpEnd
|
||||||
</Link>
|
</Link>
|
||||||
</h1>
|
</h1>
|
||||||
<sl-input
|
<sl-input placeholder="Search" value={searchQuery} on:sl-input={onInput}>
|
||||||
placeholder="Search"
|
|
||||||
value={searchQuery}
|
|
||||||
on:sl-input={(ev) => (searchQuery = ev.target.value)}
|
|
||||||
>
|
|
||||||
<sl-icon name="search" slot="prefix" />
|
<sl-icon name="search" slot="prefix" />
|
||||||
</sl-input>
|
</sl-input>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue