43 lines
1.4 KiB
Markdown
43 lines
1.4 KiB
Markdown
|
<p align="center">
|
|||
|
|
<img src="https://github.com/vue-macros/vue-macros/raw/main/docs/public/logo.svg" width="200px" />
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
# unplugin-vue-define-options [](https://npmjs.com/package/unplugin-vue-define-options)
|
|||
|
|
|
|||
|
|
Options API can be declared using the `defineOptions` in `<script setup>`, specifically to be able to set `name`, `props`, `emits`, and `render` inside of one function.
|
|||
|
|
|
|||
|
|
If you support this feature, feel free to hit like 👍 or comment on [RFC Discussion](https://github.com/vuejs/rfcs/discussions/430). Thanks!
|
|||
|
|
|
|||
|
|
## Features
|
|||
|
|
|
|||
|
|
- ✨ With this macro, you can use Options API in Vue `<script setup>`.
|
|||
|
|
- 💚 Supports both Vue 2.7 and Vue 3 out-of-the-box.
|
|||
|
|
- 🦾 Full TypeScript support.
|
|||
|
|
- ⚡️ Supports most bundlers powered by [unplugin](https://github.com/unjs/unplugin).
|
|||
|
|
- Vite, Nuxt
|
|||
|
|
- Webpack, Rspack, Vue CLI
|
|||
|
|
- Rollup 3
|
|||
|
|
- esbuild
|
|||
|
|
- and more...
|
|||
|
|
|
|||
|
|
## Usage
|
|||
|
|
|
|||
|
|
[📜 Documentation](https://vue-macros.dev/macros/define-options.html)
|
|||
|
|
|
|||
|
|
### See Also
|
|||
|
|
|
|||
|
|
- [Related issue](https://github.com/vuejs/core/issues/5218#issuecomment-1032107354)
|
|||
|
|
- [RFC](https://github.com/vuejs/rfcs/discussions/430)
|
|||
|
|
|
|||
|
|
## Sponsors
|
|||
|
|
|
|||
|
|
<p align="center">
|
|||
|
|
<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>
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
## License
|
|||
|
|
|
|||
|
|
[MIT](./LICENSE) License © 2022-PRESENT [三咲智子](https://github.com/sxzz)
|