update examples for stackblitz (#1379)

2 files changed, 10 insertions, 33 deletions

diff --git a/examples/framework-svelte/.stackblitzrc b/examples/framework-svelte/.stackblitzrc
new file mode 100644
index 000000000..43798ecff
--- /dev/null
+++ b/examples/framework-svelte/.stackblitzrc
@@ -0,0 +1,6 @@
+{
+  "startCommand": "npm start",
+  "env": {
+    "ENABLE_CJS_IMPORTS": true
+  }
+}
\ No newline at end of file
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
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](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/).