# Using Vue with Astro 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... ] } ``` ## Usage Write your Vue components as `.vue` files in your project. 262519c754e4c8f6fa924d8a65801c'/> Unnamed repository; edit this file 'description' to name the repository.

path: root/examples/framework-vue (unfollow)

Age	Commit message (Expand)	Author	Files	Lines
2021-08-27	Version Packages (#1246)create-astro@0.6.1 astro@0.20.2 @astrojs/parser@0.20.2	github-actions[bot]	1	-1/+1
2021-08-27	[ci] yarn format	matthewp	1	-1/+4