<img src="./docs/public/logo.svg" width="200px" />


<h1 align="center">Vue Macros</h1>

Explore more macros and syntax sugar to Vue.


 <a href="https://npmjs.com/package/vue-macros">
 <img src="https://img.shields.io/npm/v/vue-macros.svg" alt="NPM version">
 </a>


## Features

- ✨ Explore more macros and syntax sugar to Vue.
- 💚 Supports both Vue 2.7 and Vue 3 out-of-the-box.
- 🦾 Full TypeScript / Volar support.
- ⚡️ Supports most bundlers powered by [unplugin](https://github.com/unjs/unplugin).
 - Vite, Nuxt
 - Webpack, Rspack, Vue CLI
 - Rollup
 - esbuild
 - and more...

## Installation

```bash
npm i -D vue-macros
```

## Usage

[📜 Documentation](https://vue-macros.dev/)

## Sponsors


 <a href="https://cdn.jsdelivr.net/gh/sxzz/sponsors/sponsors.wide.svg">
 <img src='https://cdn.jsdelivr.net/gh/sxzz/sponsors/sponsors.wide.svg'/>
 </a>


## Contributors

💕 Thank you to all the contributors!


 <a href="https://github.com/vue-macros/vue-macros/graphs/contributors">
 <img src="https://contrib.rocks/image?repo=vue-macros/vue-macros" />
 </a>


## Related Libraries

- [vue-functional-ref](https://github.com/sxzz/vue-functional-ref) - Functional-style refs for Vue.
- [Vue Vine](https://vue-vine.dev/) - Another style of writing Vue components.

## License

[MIT](./LICENSE) License © 2022-PRESENT [三咲智子](https://github.com/sxzz)

Explore and extend more macros and syntax sugar to Vue.