fix(hover-card): add emits from radix-vue
This commit is contained in:
parent
1f97ce0d24
commit
58c934cace
|
|
@ -1,13 +1,14 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { HoverCardRoot, type HoverCardRootProps, useForwardProps } from 'radix-vue'
|
import { HoverCardRoot, type HoverCardRootEmits, type HoverCardRootProps, useForwardPropsEmits } from 'radix-vue'
|
||||||
|
|
||||||
const props = defineProps<HoverCardRootProps>()
|
const props = defineProps<HoverCardRootProps>()
|
||||||
|
const emits = defineEmits<HoverCardRootEmits>()
|
||||||
|
|
||||||
const forwardedProps = useForwardProps(props)
|
const forwarded = useForwardPropsEmits(props, emits)
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<HoverCardRoot v-bind="forwardedProps">
|
<HoverCardRoot v-bind="forwarded">
|
||||||
<slot />
|
<slot />
|
||||||
</HoverCardRoot>
|
</HoverCardRoot>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,14 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { HoverCardRoot, type HoverCardRootProps, useForwardProps } from 'radix-vue'
|
import { HoverCardRoot, type HoverCardRootEmits, type HoverCardRootProps, useForwardPropsEmits } from 'radix-vue'
|
||||||
|
|
||||||
const props = defineProps<HoverCardRootProps>()
|
const props = defineProps<HoverCardRootProps>()
|
||||||
|
const emits = defineEmits<HoverCardRootEmits>()
|
||||||
|
|
||||||
const forwardedProps = useForwardProps(props)
|
const forwarded = useForwardPropsEmits(props, emits)
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<HoverCardRoot v-bind="forwardedProps">
|
<HoverCardRoot v-bind="forwarded">
|
||||||
<slot />
|
<slot />
|
||||||
</HoverCardRoot>
|
</HoverCardRoot>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user