diff --git a/sites/docs/src/content/cli.md b/sites/docs/src/content/cli.md
index 7f8f0e12f2..fc3b144190 100644
--- a/sites/docs/src/content/cli.md
+++ b/sites/docs/src/content/cli.md
@@ -93,9 +93,9 @@ Options:
-h, --help display help for command
```
-## build
+## registry build
-Use the `build` command to generate the registry JSON files.
+Use the `registry build` command to generate the registry JSON files.
diff --git a/sites/docs/src/content/migration/tailwind-v4.md b/sites/docs/src/content/migration/tailwind-v4.md
index c7fe107a24..348384b4e7 100644
--- a/sites/docs/src/content/migration/tailwind-v4.md
+++ b/sites/docs/src/content/migration/tailwind-v4.md
@@ -15,6 +15,8 @@ It's here! Tailwind v4 and Svelte 5. Ready for you to try out. You can start usi
+This documentation site is now running Tailwind v4. If you're looking for the old Tailwind v3 docs, you can find them here: [https://tw3.shadcn-svelte.com](https://tw3.shadcn-svelte.com).
+
## What's New
- The `@next` CLI can now initialize projects with Tailwind v4 and Svelte 5.
diff --git a/sites/docs/src/content/registry/getting-started.md b/sites/docs/src/content/registry/getting-started.md
index afddbdbdd4..40f762b38a 100644
--- a/sites/docs/src/content/registry/getting-started.md
+++ b/sites/docs/src/content/registry/getting-started.md
@@ -11,7 +11,7 @@ This guide will walk you through the process of setting up your own component re
It assumes you already have a project with components and would like to turn it into a registry.
-If you're starting a new registry project, you can use the [TODO: registry template](https://github.com/huntabyte/scn-svelte-registry-template) as a starting point. We have already configured it for you.
+If you're starting a new registry project, you can use the [registry template](https://github.com/huntabyte/shadcn-svelte/tree/next-tailwind-4/registry-template) as a starting point. It's already configured for you.
## registry.json
@@ -98,7 +98,7 @@ To add your component to the registry, you need to add your component definition
"description": "A simple hello world component.",
"files": [
{
- "path": "registry/hello-world/hello-world.svelte",
+ "path": "./src/lib/hello-world/hello-world.svelte",
"type": "registry:component"
}
]
@@ -147,7 +147,7 @@ Run the build script to generate the registry JSON files.
**Note:** By default, the build script will generate the registry JSON files in `static/r` e.g `static/r/hello-world.json`.
-You can change the output directory by passing the `--output` option. See the [shadcn-svelte registry build command](/docs/cli#build) for more information.
+You can change the output directory by passing the `--output` option. See the [shadcn-svelte registry build command](/docs/cli#registry-build) for more information.
@@ -183,11 +183,8 @@ Use the secure token to authenticate requests and return a 401 Unauthorized resp
Here are some guidelines to follow when building components for a registry.
-- Place your registry item in the `registry/[NAME]` directory. It can be anything you want as long as it's nested under the `registry` directory.
- The following properties are required for the block definition: `name`, `description`, `type` and `files`.
-- Make sure to list all registry dependencies in `registryDependencies`. A registry dependency is the name of the component in the registry eg. `input`, `button`, `card`, etc or a URL to a registry item eg. `http://localhost:5173/r/editor.json`.
-- Make sure to list all dependencies in `dependencies`. A dependency is the name of the package in the registry eg. `zod`, `sonner`, etc. To set a version, you can use the `name@version` format eg. `zod@^3.20.0`.
-- **Imports should always use the `$lib/registry` path.** eg. `import HelloWorld from "$lib/registry/hello-world/hello-world.svelte"`
+- Make sure to list all registry dependencies in `registryDependencies`. A registry dependency is the name of the component in the registry eg. `input`, `button`, `card`, etc or a URL to a registry item eg. `http://localhost:5173/r/editor.json`
- Ideally, place your files within a registry item in `components`, `hooks`, `lib` directories.
## Install using the CLI
diff --git a/sites/docs/src/content/registry/index.md b/sites/docs/src/content/registry/index.md
index 2a6344e12d..b2518ad51e 100644
--- a/sites/docs/src/content/registry/index.md
+++ b/sites/docs/src/content/registry/index.md
@@ -15,7 +15,7 @@ out to us](https://github.com/huntabyte/shadcn-svelte/discussions).
-You can use the `shadcn-svelte` CLI to run your own component registry. Running your own registry allows you to distribute your custom components, hooks, pages, and other files to any Svelte project.
+You can use the `shadcn-svelte` CLI to create your own component registry. Creating your own registry allows you to distribute your own custom components, hooks, pages, and other files to any Svelte project.
Registry items are automatically compatible with the `shadcn-svelte` CLI.
@@ -27,4 +27,4 @@ If you'd like to see an example of a registry, we have a [template project](http
You can clone it using `degit`
-
+
diff --git a/sites/docs/src/styles/markdown.css b/sites/docs/src/styles/markdown.css
index 6d64a2f5ba..bcb0b2ad62 100644
--- a/sites/docs/src/styles/markdown.css
+++ b/sites/docs/src/styles/markdown.css
@@ -33,6 +33,7 @@
[data-rehype-pretty-code-figure] {
position: relative;
+ width: 100%;
}
[data-rehype-pretty-code-figure] code {