meowsic/resources/js/Pages/Search.svelte

<script module lang="ts">
    export { default as layout } from '@components/Layouts/AuthenticatedLayout.svelte';
</script>

<script lang="ts">
    import { globalState } from "@/Library/PassState.svelte";
    import {default as _} from 'lodash';

    let { appName } = $props();
    globalState.title = title;

    const onSearchChanged = (event: InputEvent) => {

    }

    globalState.onSearchChanged = _.throttle(onSearchChanged, 500);
</script>

<svelte:head>
    <title>Search {globalState.searchQuery} - {appName}</title>
</svelte:head>

{#snippet title()}
    <h1 class="text-4xl font-bold">Search</h1>
{/snippet}