diff options
Diffstat (limited to 'examples/framework-vue')
| -rw-r--r-- | examples/framework-vue/.stackblitzrc | 6 | ||||
| -rw-r--r-- | examples/framework-vue/README.md | 36 |
2 files changed, 10 insertions, 32 deletions
diff --git a/examples/framework-vue/.stackblitzrc b/examples/framework-vue/.stackblitzrc new file mode 100644 index 000000000..43798ecff --- /dev/null +++ b/examples/framework-vue/.stackblitzrc @@ -0,0 +1,6 @@ +{ + "startCommand": "npm start", + "env": { + "ENABLE_CJS_IMPORTS": true + } +}
\ No newline at end of file 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. |