Astro Integration

Installation

npm

npm i -D @vue-macros/astro

yarn

yarn add -D @vue-macros/astro

pnpm

pnpm add -D @vue-macros/astro

Configuration

// astro.config.mjs
import { defineConfig } from 'astro/config'
import Vue from '@astrojs/vue'
import Macros from '@vue-macros/astro'

export default defineConfig({
  integrations: [
    Vue(),
    Macros({
      // ... configs
    }),
  ],
})

TypeScript Support & Volar Support

See the corresponding chapter on Bundler Integration

---

🎉 Congratulations! That's all.

To learn more about the macros, please visit All Macros 😆.