コンテンツにスキップ

useEmitAsProps

emitsをpropsに似ているオブジェクトに変換

コンポーネントのラッパーを構築する場合、最も大きな痛点はコンポーネントから発生したイベントをすべて転送することです。

このコンポーザブルを使用すると、宣言したemitsをVueコンポーネントで受け入れられるハンドラーのオブジェクトに変換します。

使用方法

vue
<script setup lang="ts">
import { useEmitAsProps } from 'radix-vue'

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

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