@astrojs/renderer-vue

Use Vue components within Astro

Usage no npm install needed!

<script type="module">
  import astrojsRendererVue from 'https://cdn.skypack.dev/@astrojs/renderer-vue';
</script>

This is a plugin for Astro apps that enables server-side rendering of Vue 3.x components.

Install @astrojs/renderer-vue and then add it to your astro.config.mjs in the renderers property:

npm install @astrojs/renderer-vue

astro.config.mjs

export default {
  // ...

  renderers: [
    // ...
    '@astrojs/renderer-vue'
  ]
}