0
Fork 0
mirror of https://github.com/withastro/astro.git synced 2024-12-23 21:53:55 -05:00
astro/examples/framework-vue
github-actions[bot] 31c24778aa
Version Packages (next) (#859)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-07-26 11:19:41 -04:00
..
src [ci] yarn format 2021-07-20 04:07:49 +00:00
.gitignore Restructure examples (#568) 2021-06-28 10:46:10 -05:00
.npmrc Restructure examples (#568) 2021-06-28 10:46:10 -05:00
astro.config.mjs [ci] yarn format 2021-07-20 04:07:49 +00:00
package.json Version Packages (next) (#859) 2021-07-26 11:19:41 -04:00
README.md Expose JSX compilation to renderers (#588) 2021-07-21 18:10:03 -05:00

Using Vue with Astro

This example showcases Astro's built-in support for Vue.

Installation

Automatic

Bootstrap your Astro project with this template!

npm init astro -- --template framework-vue

Manual

To use Vue components in your Astro project:

  1. Install @astrojs/renderer-vue

    npm i @astrojs/renderer-vue
    
  2. Add "@astrojs/renderer-vue" to your renderers in astro.config.mjs.

    export default {
      renderers: [
        "@astrojs/renderer-vue",
        // optionally, others...
      ]
    }
    

Usage

Write your Vue components as .vue files in your project.