Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion sites/docs/src/content/components/sonner.md
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ The Sonner component is provided by [svelte-sonner](https://svelte-sonner.vercel
<Steps>

<Step>
Setup theme support
Set up theme support
</Step>

By default, Sonner will use the user's system preferences to determine whether to show the light or dark theme. To get around this, you can either pass in a custom `theme` prop to the component, or simply use [mode-watcher](https://github.com/svecosystem/mode-watcher) which you can hardcode to `dark` or `light` mode should you wish.
Expand Down
8 changes: 4 additions & 4 deletions sites/docs/src/content/installation/astro.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
title: Astro
description: How to setup shadcn-svelte in an Astro project.
description: How to set up shadcn-svelte in an Astro project.
---

<script>
import { Alert, AlertDescription } from "$lib/registry/ui/alert";
import { Steps, Callout, PMCreate, PMExecute, PMInstall, PMAddComp } from "$lib/components/docs";
</script>

## Setup your project
## Set up your project

<Steps>

Expand Down Expand Up @@ -61,7 +61,7 @@ Answer `Yes` to all the question prompted by the CLI when installing TailwindCSS

</Callout>

### Setup path aliases
### Set up path aliases

Add the following code to the `tsconfig.json` file to resolve paths:

Expand Down Expand Up @@ -107,7 +107,7 @@ import "$lib/styles/app.css";

### Run the CLI

Run the `shadcn-svelte` init command to setup your project:
Run the `shadcn-svelte` init command to set up your project:

<PMExecute command="shadcn-svelte@next init" />

Expand Down
4 changes: 2 additions & 2 deletions sites/docs/src/content/installation/manual.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
title: Manual Installation
description: How to setup shadcn-svelte manually.
description: How to set up shadcn-svelte manually.
---

<script>
import { Steps, Step, PMAddComp, PMInstall, PMExecute } from '$lib/components/docs'
</script>

## Setup your project
## Set up your project

<Steps>

Expand Down
6 changes: 3 additions & 3 deletions sites/docs/src/content/installation/sveltekit.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
title: SvelteKit
description: How to setup shadcn-svelte in a SvelteKit project.
description: How to set up shadcn-svelte in a SvelteKit project.
---

<script>
import { Alert, AlertDescription } from "$lib/registry/ui/alert";
import { Steps, PMCreate, PMExecute, PMInstall, PMAddComp } from "$lib/components/docs";
</script>

## Setup your project
## Set up your project

<Steps>

Expand All @@ -24,7 +24,7 @@ Use the Svelte CLI to add Tailwind CSS to your project.

<PMExecute command="sv add tailwindcss" />

### Setup path aliases
### Set up path aliases

If you are not using the default alias `$lib`, you'll need to update your `svelte.config.js` file to include those aliases.

Expand Down
4 changes: 2 additions & 2 deletions sites/docs/src/content/installation/vite.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
title: Vite
description: How to setup shadcn-svelte in a Vite project.
description: How to set up shadcn-svelte in a Vite project.
---

<script>
import { Alert, AlertDescription } from "$lib/registry/ui/alert";
import { Steps, PMAddComp, PMInstall, PMExecute } from "$lib/components/docs";
</script>

## Setup your project
## Set up your project

<Steps>

Expand Down
2 changes: 1 addition & 1 deletion sites/docs/src/content/migration/tailwind-v4.md
Original file line number Diff line number Diff line change
Expand Up @@ -232,7 +232,7 @@ We've deprecated `tailwindcss-animate` in favor of `tw-animate-css`, which has s

#### CSS Variables and Theme Config

We'll move the CSS variables to the `:root` and `.dark` selectors, wrap the colors values in `hsl()`, and setup an `@theme inline` directive to replace our Tailwind v3 config.
We'll move the CSS variables to the `:root` and `.dark` selectors, wrap the colors values in `hsl()`, and set up an `@theme inline` directive to replace our Tailwind v3 config.

Once complete, your `app.css` file should look something like this (the color values will differ depending on your theme):

Expand Down
2 changes: 1 addition & 1 deletion sites/docs/src/content/registry/getting-started.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
title: Getting Started
description: Learn how to get setup and run your own component registry.
description: Learn how to get set up and run your own component registry.
---

<script>
Expand Down