---
title: "useEmitAsProps"
description: "Convert emits into object similar to props"
canonical_url: "https://vinicunca.dev/akar/utilities/use-emit-as-props"
---
# useEmitAsProps

> Convert emits into object similar to props

When you are building a wrapper for a component, one of the biggest painpoint is to forward all the emitted events from components.

By using this composables, it will convert the `emits` you've declared into an object of handlers that is acceptable by Vue component.

## Usage

```vue
<script setup lang="ts">
import { useEmitAsProps } from 'akar';

const emits = defineEmits<CompEmitType>();
const emitsAsProps = useEmitAsProps(emits);
</script>

<template>
  <Comp v-bind="emitsAsProps">
    ...
  </Comp>
</template>
```


## Sitemap

See the full [sitemap](https://vinicunca.dev/sitemap.md) for all pages.