diff options
Diffstat (limited to 'examples/framework-svelte/README.md')
| -rw-r--r-- | examples/framework-svelte/README.md | 37 |
1 files changed, 4 insertions, 33 deletions
diff --git a/examples/framework-svelte/README.md b/examples/framework-svelte/README.md index deaf1da76..96352495a 100644 --- a/examples/framework-svelte/README.md +++ b/examples/framework-svelte/README.md @@ -1,38 +1,9 @@ -# Using Svelte with Astro +# Astro + Svelte Example -This example showcases Astro's built-in support for [Svelte](https://svelte.dev/). - -## Installation - -### Automatic - -Bootstrap your Astro project with this template! - -```shell +``` npm init astro -- --template framework-svelte ``` -### Manual - -To use Svelte components in your Astro project: - -1. Install `@astrojs/renderer-svelte` - - ```shell - npm i @astrojs/renderer-svelte - ``` - -2. Add `"@astrojs/renderer-svelte"` to your `renderers` in `astro.config.mjs`. - - ```js - export default { - renderers: [ - "@astrojs/renderer-svelte", - // optionally, others... - ] - } - ``` - -## Usage +[](https://stackblitz.com/github/snowpackjs/astro/tree/latest/examples/framework-svelte) -Write your Svelte components as `.svelte` files in your project. +This example showcases Astro working with [Svelte](https://svelte.dev/). |