+ {@render children()} diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index bceae6ed..490cae0d 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -2,6 +2,10 @@ // Stylesheets import '../app.pcss'; import { page } from '$app/stores'; + import Overlay from '$docs/components/Overlay/Overlay.svelte'; + import { setDrawer } from '$docs/stores.svelte.js'; + import Navigation from '$docs/components/Navigation/Navigation.svelte'; + import Dialog from '$docs/components/Dialog/Dialog.svelte'; // Props let { children } = $props(); @@ -13,10 +17,31 @@ const titleRaw = pathname === '/' ? 'Home' : pathname.split('/').pop() ?? 'Floating UI Svelte'; return titleRaw.replace('-', ' ').replace(/\b\w/g, (c) => c.toUpperCase()); }); + + const drawer = setDrawer( + (() => { + let open = $state(false); + return { + get open() { + return open; + }, + set open(value) { + open = value; + }, + }; + })(), + ); {title} | Floating UI Svelte -{@render children()} + + + + + + + {@render children()} + diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts index 71978e95..7e52635f 100644 --- a/src/routes/+layout.ts +++ b/src/routes/+layout.ts @@ -1,5 +1,7 @@ import { getHighlighter } from 'shiki'; import MoonlightDark from '$docs/themes/moonlight-dark.json'; +import { browser } from '$app/environment'; +import type { Pagefind } from 'vite-plugin-pagefind/types'; export async function load() { const highlighter = await getHighlighter({ @@ -8,6 +10,16 @@ export async function load() { themes: [MoonlightDark], }); + if (browser) { + // @ts-expect-error - Dynamic import + const pagefind: Pagefind = await import('/pagefind/pagefind.js'); + await pagefind.init(); + return { + highlighter, + pagefind, + }; + } + return { highlighter, }; diff --git a/svelte.config.js b/svelte.config.js index 6284f19a..40122d03 100644 --- a/svelte.config.js +++ b/svelte.config.js @@ -6,7 +6,10 @@ import { readFileSync } from 'node:fs'; const config = { preprocess: [vitePreprocess()], kit: { - adapter: adapter(), + adapter: adapter({ + pages: 'build', + assets: 'build', + }), alias: { $docs: './src/docs', '@skeletonlabs/floating-ui-svelte': './src/lib/index.js', diff --git a/vercel.json b/vercel.json new file mode 100644 index 00000000..03578cfe --- /dev/null +++ b/vercel.json @@ -0,0 +1,3 @@ +{ + "outputDirectory": "build" +} diff --git a/vite.config.ts b/vite.config.ts index b6e3c4c5..4fcb096a 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,13 +1,14 @@ import { defineConfig } from 'vitest/config'; import { sveltekit } from '@sveltejs/kit/vite'; import { svelteTesting } from '@testing-library/svelte/vite'; +import pagefind from 'vite-plugin-pagefind'; export default defineConfig({ - plugins: [sveltekit(), svelteTesting()], - experimental: { - // Remove when https://github.com/sveltejs/vite-plugin-svelte/issues/909 is fixed - hmrPartialAccept: false, - }, + plugins: [sveltekit(), svelteTesting(), pagefind()], + // experimental: { + // // Remove when https://github.com/sveltejs/vite-plugin-svelte/issues/909 is fixed + // hmrPartialAccept: false, + // }, test: { include: ['./src/lib/**/*.{test,test.svelte}.{js,ts}'], setupFiles: ['./src/vitest.setup.ts'],