fix(tooltip): aria-describedby missing at first (#734)

* fix(tooltip): fix aria-describedby

* chore: move useId trigger

---------

Co-authored-by: zernonia <zernonia@gmail.com>

packages/radix-vue/src/Tooltip/TooltipContentImpl.vue

@@ -2,7 +2,7 @@
 import type { VNode } from 'vue'
 import type { PrimitiveProps } from '@/Primitive'
 import type { PopperContentProps } from '@/Popper'
-import { useForwardExpose, useId } from '@/shared'
+import { useForwardExpose } from '@/shared'
 
 export type TooltipContentImplEmits = {
   /** Event handler called when focus moves to the destructive action after opening. It can be prevented by calling `event.preventDefault` */
@@ -61,7 +61,6 @@ const props = withDefaults(defineProps<TooltipContentImplProps>(), {
 const emits = defineEmits<TooltipContentImplEmits>()
 
 const rootContext = injectTooltipRootContext()
-rootContext.contentId ||= useId(undefined, 'radix-vue-tooltip-content')
 
 const { forwardRef } = useForwardExpose()
 const slot = useSlots()

packages/radix-vue/src/Tooltip/TooltipTrigger.vue

@@ -1,6 +1,6 @@
 <script lang="ts">
 import type { PrimitiveProps } from '@/Primitive'
-import { useForwardExpose } from '@/shared'
+import { useForwardExpose, useId } from '@/shared'
 
 export type TooltipTriggerDataState =
   | 'closed'
@@ -25,6 +25,8 @@ const props = withDefaults(defineProps<TooltipTriggerProps>(), {
 const rootContext = injectTooltipRootContext()
 const providerContext = injectTooltipProviderContext()
 
+rootContext.contentId ||= useId(undefined, 'radix-vue-tooltip-content')
+
 const { forwardRef, currentElement: triggerElement } = useForwardExpose()
 
 const isPointerDown = ref(false)