|
1 | 1 | <script lang="ts"> |
2 | | - import { |
3 | | - Breadcrumb, |
4 | | - Button, |
5 | | - Drawer, |
6 | | - Kbd, |
7 | | - MenuButton, |
8 | | - settings, |
9 | | - TextField, |
10 | | - ThemeSelect, |
11 | | - Tooltip |
12 | | - } from 'svelte-ux'; |
| 2 | + import { Button, Drawer, MenuButton, ThemeSelect, Tooltip } from 'svelte-ux'; |
13 | 3 | import { cls } from '@layerstack/tailwind'; |
14 | | - import { env } from '@layerstack/utils'; |
15 | | - import { watch } from 'runed'; |
16 | 4 |
|
17 | | - import { goto } from '$app/navigation'; |
18 | 5 | import { page } from '$app/state'; |
19 | 6 | import { examples } from '$lib/context.js'; |
20 | 7 | import Search from './search/Search.svelte'; |
|
23 | 10 | import favicon from '$lib/assets/favicon.svg'; |
24 | 11 |
|
25 | 12 | import LucideAlignLeft from '~icons/lucide/align-left'; |
26 | | - import LucideAlignJustify from '~icons/lucide/align-justify'; |
27 | | - import LucideSearch from '~icons/lucide/search'; |
28 | | - import LucideArrowLeft from '~icons/lucide/arrow-left'; |
29 | | - import LucideArrowRight from '~icons/lucide/arrow-right'; |
30 | 13 | import LucideFilePen from '~icons/lucide/file-pen'; |
31 | | - import LucideChevronRight from '~icons/lucide/chevron-right'; |
32 | 14 | import LucideEllipsisVertical from '~icons/lucide/ellipsis-vertical'; |
33 | 15 | import LucideArrowUpRight from '~icons/lucide/arrow-up-right'; |
34 | 16 | import LucidePanelLeftOpen from '~icons/lucide/panel-left-open'; |
|
49 | 31 | }; |
50 | 32 | examples.set(examplesContext); |
51 | 33 |
|
52 | | - let searchQuery = $state(''); |
53 | | -
|
54 | | - function handleSearch() { |
55 | | - goto(`/docs/search?q=${searchQuery}`); |
56 | | - searchQuery = ''; |
57 | | - } |
58 | | -
|
59 | | - let searchInput = $state<HTMLInputElement>(); |
60 | | -
|
61 | 34 | // let pageContent = $derived(page.data.content.docs[page.params.slug] ?? {}); |
62 | 35 | let showDrawer = $state(false); |
63 | 36 | let showSidebar = $state(true); |
|
0 commit comments