# Vue Macros

> url: /guide/astro-integration.md

## Pages

- [Astro Integration ](astro-integration.md): ::: code-group
- [betterDefine ](better-define.md): With enabling`betterDefine`, imported types are supported in``type-based-macros.
- [booleanProp ](boolean-prop.md): Convert``to``.
- [Bundler Integration ](bundler-integration.md): ::: tip
- [chainCall ](chain-call.md): Extends`defineProps`, support call`withDefaults`as a chain.
- [Configurations](configurations.md): All features are enabled by default except the following.
- [defineEmit ](define-emit.md): Declare single emit one by one using`defineEmit`.
- [defineGeneric ](define-generic.md): Declare single generic one by one using`DefineGeneric`.
- [defineModels ](define-models.md): Declaring and mutate`v-model`props as the same as normal variable using the`defineModels`.
- [defineOptions ](define-options.md): Options API can be declared using the`defineOptions`in``, specifically to be able to set`name`,`pr...
- [defineProp ](define-prop.md): Declare single prop one by one using`defineProp`.
- [definePropsRefs ](define-props-refs.md): Returns refs from`defineProps`instead of a reactive object. It can be destructured without losing reactivity.
- [defineProps ](define-props.md): Correct types of destructured props using`$defineProps`.
- [defineRender ](define-render.md): Defining render function in``using the`defineRender`.
- [defineSlots ](define-slots.md): Declaring type of SFC slots in``using the`defineSlots`.
- [defineStyleX ](define-stylex.md): Define and consume [StyleX](https://stylexjs.com/) styles in``.
- [ ESLint Integration ](eslint-integration.md): ::: code-group
- [exportExpose ](export-expose.md): Transform export statement as`defineExpose`params in Vue SFC`script-setup`.
- [exportProps ](export-props.md): [Svelte-like Declaring props](https://svelte.dev/docs#component-format-script-1-export-creates-a-component-prop) for ...
- [exportRender ](export-render.md): Transform the default export statement, in``of Vue SFC, as a component render function.
- [Getting Started](getting-started.md): Vue Macros is a library that implements unofficial proposals and ideas for Vue,
- [hoistStatic ](hoist-static.md): With enabling`hoistStatic`, constants declared in macros of``can be referenced.
- [jsxDirective ](jsx-directive.md): Vue built-in directives for JSX.
- [jsxRef ](jsx-ref.md): Automatically infer type for`useRef`.
- [Usage](macros.md): List of all available macros.
- [Migration from v2 to v3](migration-v3.md): Initially, we used [`changesets`](https://github.com/changesets/changesets) to
- [namedTemplate ](named-template.md): ::: warning
- [ Nuxt Integration ](nuxt-integration.md): ::: code-group
- [Reactivity Transform ](reactivity-transform.md): | Features | Supported |
- [scriptLang ](script-lang.md): Set the default language for``block.
- [scriptSFC ](script-sfc.md): Enabled Volar support for`.ts`|`.tsx`files.
- [setupComponent ](setup-component.md): ::: tip
- [setupJsdoc ](setup-jsdoc.md): Define the component's JSDoc in the script setup block.
- [setupSFC ](setup-sfc.md): ::: tip
- [shortBind ](short-bind.md): `:value`->`:value="value"`
- [shortEmits ](short-emits.md): Simplify the definition of emits.
- [shortVmodel ](short-vmodel.md): A shorthand for`v-model`.
- [templateRef ](template-ref.md): Automatically infer type for`templateRef`(from [VueUse](https://vueuse.org/core/templateRef/))