chore: cleanup component

unovue · Mar 6, 2024 · 0f7a38b · 0f7a38b
1 parent 82f6703
commit 0f7a38b
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/packages/radix-vue/src/ConfigProvider/ConfigProvider.vue b/packages/radix-vue/src/ConfigProvider/ConfigProvider.vue
@@ -23,6 +23,9 @@ export interface ConfigProviderProps {
    * @type boolean | ScrollBodyOption
    */
   scrollBody?: boolean | ScrollBodyOption
+  /**
+   * The global `useId` injection as a workaround for preventing hydration issue.
+   */
   useId?: () => string
 }
 </script>

diff --git a/packages/radix-vue/src/DropdownMenu/DropdownMenuTrigger.vue b/packages/radix-vue/src/DropdownMenu/DropdownMenuTrigger.vue
@@ -3,7 +3,6 @@ import type { PrimitiveProps } from '@/Primitive'
 import { useForwardExpose, useId } from '@/shared'
 
 export interface DropdownMenuTriggerProps extends PrimitiveProps {
-  id?: string
   /** When `true`, prevents the user from interacting with item */
   disabled?: boolean
 }
@@ -29,7 +28,7 @@ onMounted(() => {
   rootContext.triggerElement = triggerElement
 })
 
-rootContext.triggerId ||= useId(props.id, 'radix-vue-dropdown-menu-trigger')
+rootContext.triggerId ||= useId(undefined, 'radix-vue-dropdown-menu-trigger')
 </script>
 
 <template>

diff --git a/packages/radix-vue/src/Popover/PopoverContent.vue b/packages/radix-vue/src/Popover/PopoverContent.vue
@@ -7,7 +7,6 @@ import type {
 export type PopoverContentEmits = PopoverContentImplEmits
 
 export interface PopoverContentProps extends PopoverContentImplProps {
-  id?: string
   /**
    * Used to force mounting when more control is needed. Useful when
    * controlling animation with Vue animation libraries.