docs: adding Astro support documentation

Lakelimbo commented 1 month ago

Closes #485

Added guides to use shadcn-svelte on Astro on src/content/installation and src/content/dark-mode, based on the original shadcn instructions as well.

Dark mode

Now dark-mode.md is a folder, containing index.md, svelte.md, and astro.md.

mode-watcher does work by itself there, but because Astro is not a frontend framework, Svelte (or any other UI framework) will always load a bit after the HTML and CSS, causing a noticeable FUOC. Just like in the original shadcn docs, there is also an inline-script which it's may seem sort of redundant with mode-watcher, but it helps eliminating the FUOC entirely (because inline-scripts load before the UI frameworks).

Before submitting the PR, please make sure you do the following

If your PR isn't addressing a small fix (like a typo), it references an issue where it is discussed ahead of time and assigned to you. In many cases, features are absent for a reason.
Prefix your PR title with feat:, fix:, chore:, or docs:.
This message body should clearly illustrate what problems it solves.
Format & lint the code with pnpm format and pnpm lint

changeset-bot[bot] commented 1 month ago

⚠️ No Changeset found

Latest commit: 5f2c109a7e57ce8b1cc1319daa6d0f9335af51de

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR