diff options
| author |  Fred K. Schott <fkschott@gmail.com>
| 2021-09-16 08:06:22 -0700 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-09-16 08:06:22 -0700 |
| commit | cb7a957f413a9af0651266769b5a6a4a9996aafa (patch) | |
| tree | 98aa0dbd5d19c8cc7787bf79c54f4dc1264e4636 /examples/framework-vue/README.md | |
| parent | c4634e5ea6f2c0e86216251831525497c9821daa (diff) | |
| download | astro-cb7a957f413a9af0651266769b5a6a4a9996aafa.tar.gz astro-cb7a957f413a9af0651266769b5a6a4a9996aafa.tar.zst astro-cb7a957f413a9af0651266769b5a6a4a9996aafa.zip | |
update examples for stackblitz (#1379)
Diffstat (limited to 'examples/framework-vue/README.md')
| -rw-r--r-- | examples/framework-vue/README.md | 36 |
1 files changed, 4 insertions, 32 deletions
diff --git a/examples/framework-vue/README.md b/examples/framework-vue/README.md index 2c6240f01..8212f6a9b 100644 --- a/examples/framework-vue/README.md +++ b/examples/framework-vue/README.md @@ -1,38 +1,10 @@ -# Using Vue with Astro +# Astro + Vue Example -This example showcases Astro's built-in support for [Vue](https://v3.vuejs.org/). - -## Installation - -### Automatic - -Bootstrap your Astro project with this template! - -```shell +``` npm init astro -- --template framework-vue ``` -### Manual - -To use Vue components in your Astro project: - -1. Install `@astrojs/renderer-vue` - - ```shell - npm i @astrojs/renderer-vue - ``` - -2. Add `"@astrojs/renderer-vue"` to your `renderers` in `astro.config.mjs`. - - ```js - export default { - renderers: [ - "@astrojs/renderer-vue", - // optionally, others... - ] - } - ``` +[](https://stackblitz.com/github/snowpackjs/astro/tree/latest/examples/framework-vue) -## Usage +This example showcases Astro working with [Vue](https://v3.vuejs.org/). -Write your Vue components as `.vue` files in your project. |