diff --git a/README.md b/README.md index 10db890..e740aea 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,5 @@ +![](static/og.jpg) + Vaul-Svelte is an unstyled drawer component for Svelte that can be used as a Dialog replacement on tablet and mobile devices. It uses [Bits' Dialog primitive](https://www.bits-ui.com/docs/components/dialog) under the hood and is inspired by [this tweet](https://twitter.com/devongovett/status/1674470185783402496). This is a port of [Vaul](https://github.com/emilkowalski/vaul) for React, which was created by [Emil Kowalski](https://twitter.com/emilkowalski_). diff --git a/src/app.html b/src/app.html index 05b5311..7d1e5ca 100644 --- a/src/app.html +++ b/src/app.html @@ -1,8 +1,17 @@
+ + - %sveltekit.head% diff --git a/src/config/site.ts b/src/config/site.ts new file mode 100644 index 0000000..e8faaaa --- /dev/null +++ b/src/config/site.ts @@ -0,0 +1,13 @@ +export const siteConfig = { + name: 'Vaul Svelte', + url: 'https://www.vaul-svelte.com', + description: 'Unstyled drawer for Svelte.', + ogImage: 'https://www.vaul-svelte.com/og.jpg', + links: { + twitter: 'https://twitter.com/huntabyte', + github: 'https://github.com/huntabyte/vaul-svelte' + }, + keywords: `Svelte,SvelteKit,Svelte Components,Headless Svelte Components,Headless UI Svelte,Drawer for Svelte,SvelteKit Drawer,Svelte Drawer,Vaul Svelte` +}; + +export type SiteConfig = typeof siteConfig; diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 851a0f5..60d446b 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -1,7 +1,10 @@ +