From e8dee1efe168ac9b6d28298f93454009d20cd8fc Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Mon, 20 May 2024 17:50:48 +0200
Subject: [PATCH] chore(Select): expose `modelValue` and `open`

Resolves #109
---
 src/runtime/components/Select.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/runtime/components/Select.vue b/src/runtime/components/Select.vue
index f1e80d67..031a840f 100644
--- a/src/runtime/components/Select.vue
+++ b/src/runtime/components/Select.vue
@@ -56,8 +56,8 @@ export interface SelectEmits extends SelectRootEmits {}
 type SlotProps<T> = (props: { item: T, index: number }) => any
 
 export interface SelectSlots<T> {
-  'leading'(): any
-  'trailing'(): any
+  'leading'(props: { modelValue: string, open: boolean }): any
+  'trailing'(props: { modelValue: string, open: boolean }): any
   'item': SlotProps<T>
   'item-leading': SlotProps<T>
   'item-label': SlotProps<T>
@@ -104,15 +104,16 @@ const groups = computed(() => props.items?.length ? (Array.isArray(props.items[0
 
 <template>
   <SelectRoot
-    v-bind="rootProps"
     :id="id"
+    v-slot="{ modelValue, open }"
+    v-bind="rootProps"
     :name="name"
     :disabled="disabled"
     @update:model-value="emitFormChange()"
   >
     <SelectTrigger :class="ui.base({ class: props.class })">
       <span v-if="isLeading || !!slots.leading" :class="ui.leading()">
-        <slot name="leading">
+        <slot name="leading" :model-value="modelValue" :open="open">
           <UIcon v-if="leadingIconName" :name="leadingIconName" :class="ui.leadingIcon()" />
         </slot>
       </span>
@@ -120,7 +121,7 @@ const groups = computed(() => props.items?.length ? (Array.isArray(props.items[0
       <SelectValue :placeholder="placeholder ?? '&nbsp;'" :class="ui.value()" />
 
       <span v-if="isTrailing || !!slots.trailing" :class="ui.trailing()">
-        <slot name="trailing">
+        <slot name="trailing" :model-value="modelValue" :open="open">
           <UIcon v-if="trailingIconName" :name="trailingIconName" :class="ui.trailingIcon()" />
         </slot>
       </span>