fix: vue-tsc error

radix-vue · Oct 20, 2023 · 1e382f0 · 1e382f0
1 parent 4c6a18f
commit 1e382f0
Show file tree

Hide file tree

Showing 12 changed files with 16 additions and 12 deletions.
diff --git a/packages/radix-vue/src/Collapsible/CollapsibleRoot.vue b/packages/radix-vue/src/Collapsible/CollapsibleRoot.vue
@@ -37,7 +37,7 @@ const emit = defineEmits<CollapsibleRootEmits>()
 const open = useVModel(props, 'open', emit, {
   defaultValue: props.defaultOpen,
   passive: (props.open === undefined) as false,
-})
+}) as Ref<boolean>
 
 const disabled = useVModel(props, 'disabled')
 

diff --git a/packages/radix-vue/src/Combobox/ComboboxRoot.vue b/packages/radix-vue/src/Combobox/ComboboxRoot.vue
@@ -78,7 +78,7 @@ const modelValue = useVModel(props, 'modelValue', emit, {
 const open = useVModel(props, 'open', emit, {
   defaultValue: props.defaultOpen,
   passive: (props.open === undefined) as false,
-})
+}) as Ref<boolean>
 
 async function onOpenChange(val: boolean) {
   open.value = val

diff --git a/packages/radix-vue/src/Dialog/DialogRoot.vue b/packages/radix-vue/src/Dialog/DialogRoot.vue
@@ -43,7 +43,7 @@ const emit = defineEmits<DialogRootEmits>()
 const open = useVModel(props, 'open', emit, {
   defaultValue: props.defaultOpen,
   passive: (props.open === undefined) as false,
-})
+}) as Ref<boolean>
 
 const triggerElement = ref<HTMLElement>()
 const contentElement = ref<HTMLElement>()

diff --git a/packages/radix-vue/src/DropdownMenu/DropdownMenuRoot.vue b/packages/radix-vue/src/DropdownMenu/DropdownMenuRoot.vue
@@ -42,7 +42,7 @@ const emit = defineEmits<DropdownMenuRootEmits>()
 const open = useVModel(props, 'open', emit, {
   defaultValue: props.defaultOpen,
   passive: (props.open === undefined) as false,
-})
+}) as Ref<boolean>
 
 const triggerElement = ref<HTMLElement>()
 

diff --git a/packages/radix-vue/src/HoverCard/HoverCardRoot.vue b/packages/radix-vue/src/HoverCard/HoverCardRoot.vue
@@ -44,7 +44,7 @@ const { openDelay, closeDelay } = toRefs(props)
 const open = useVModel(props, 'open', emit, {
   defaultValue: props.defaultOpen,
   passive: (props.open === undefined) as false,
-})
+}) as Ref<boolean>
 
 const openTimerRef = ref(0)
 const closeTimerRef = ref(0)

diff --git a/packages/radix-vue/src/Menu/MenuSub.vue b/packages/radix-vue/src/Menu/MenuSub.vue
@@ -37,7 +37,7 @@ const emits = defineEmits<{
 const open = useVModel(props, 'open', emits, {
   defaultValue: false,
   passive: (props.open === undefined) as false,
-})
+}) as Ref<boolean>
 
 const parentMenuContext = injectMenuContext()
 const trigger = ref<HTMLElement>()

diff --git a/packages/radix-vue/src/Popover/PopoverRoot.vue b/packages/radix-vue/src/Popover/PopoverRoot.vue
@@ -51,7 +51,7 @@ const { modal } = toRefs(props)
 const open = useVModel(props, 'open', emit, {
   defaultValue: props.defaultOpen,
   passive: (props.open === undefined) as false,
-})
+}) as Ref<boolean>
 
 const triggerElement = ref<HTMLElement>()
 const hasCustomAnchor = ref(false)

diff --git a/packages/radix-vue/src/ScrollArea/ScrollAreaScrollbar.vue b/packages/radix-vue/src/ScrollArea/ScrollAreaScrollbar.vue
@@ -10,6 +10,10 @@ import { createContext } from '@/shared'
 
 export interface ScrollAreaScrollbarProps extends PrimitiveProps {
   orientation?: 'vertical' | 'horizontal'
+  /**
+   * Used to force mounting when more control is needed. Useful when
+   * controlling animation with Vue animation libraries.
+   */
   forceMount?: boolean
 }
 
@@ -39,7 +43,6 @@ import { type AsTag, type PrimitiveProps } from '@/Primitive'
 
 const props = withDefaults(defineProps<ScrollAreaScrollbarProps>(), {
   orientation: 'vertical',
-  forceMount: undefined,
   as: 'div',
 })
 

diff --git a/packages/radix-vue/src/Select/SelectRoot.vue b/packages/radix-vue/src/Select/SelectRoot.vue
@@ -73,7 +73,7 @@ const modelValue = useVModel(props, 'modelValue', emits, {
 const open = useVModel(props, 'open', emits, {
   defaultValue: props.defaultOpen,
   passive: (props.open === undefined) as false,
-})
+}) as Ref<boolean>
 
 const triggerElement = ref<HTMLElement>()
 const valueElement = ref<HTMLElement>()

diff --git a/packages/radix-vue/src/Switch/SwitchRoot.vue b/packages/radix-vue/src/Switch/SwitchRoot.vue
@@ -42,7 +42,7 @@ const { disabled } = toRefs(props)
 const checked = useVModel(props, 'checked', emit, {
   defaultValue: props.defaultChecked,
   passive: (props.checked === undefined) as false,
-})
+}) as Ref<boolean>
 
 function toggleCheck() {
   if (disabled.value)

diff --git a/packages/radix-vue/src/Toast/ToastRoot.vue b/packages/radix-vue/src/Toast/ToastRoot.vue
@@ -2,6 +2,7 @@
 import { Presence } from '@/Presence'
 import ToastRootImpl, { type ToastRootImplEmits, type ToastRootImplProps } from './ToastRootImpl.vue'
 import { useVModel } from '@vueuse/core'
+import type { Ref } from 'vue'
 
 const props = withDefaults(defineProps<ToastRootProps>(), {
   type: 'foreground',
@@ -26,7 +27,7 @@ export type ToastRootEmits = ToastRootImplEmits & {
 const open = useVModel(props, 'open', emits, {
   defaultValue: props.defaultOpen,
   passive: (props.open === undefined) as false,
-})
+}) as Ref<boolean>
 </script>
 
 <template>

diff --git a/packages/radix-vue/src/Tooltip/TooltipRoot.vue b/packages/radix-vue/src/Tooltip/TooltipRoot.vue
@@ -80,7 +80,7 @@ const delayDuration = computed(() => props.delayDuration ?? providerContext.dela
 const open = useVModel(props, 'open', emit, {
   defaultValue: props.defaultOpen,
   passive: (props.open === undefined) as false,
-})
+}) as Ref<boolean>
 
 watch(open, (isOpen) => {
   if (!providerContext.onClose)