From be383e415dfeca471a90e4897fb66be91b027d6d Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 3 Sep 2024 12:09:08 +0200
Subject: [PATCH] docs(ComponentCode): handle two-way binding on `modelValue`

---
 docs/app/components/content/ComponentCode.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/app/components/content/ComponentCode.vue b/docs/app/components/content/ComponentCode.vue
index f75a8bb4..53c543ba 100644
--- a/docs/app/components/content/ComponentCode.vue
+++ b/docs/app/components/content/ComponentCode.vue
@@ -250,7 +250,7 @@ const { data: ast } = await useAsyncData(`component-code-${name}-${JSON.stringif
       </div>
 
       <div class="flex border border-b-0 border-gray-300 dark:border-gray-700 relative p-4" :class="[!options.length && 'rounded-t-md', props.class]">
-        <component :is="name" v-bind="componentProps">
+        <component :is="name" v-bind="componentProps" @update:model-value="!!componentProps.modelValue && setComponentProp('modelValue', $event)">
           <template v-for="slot in Object.keys(slots || {})" :key="slot" #[slot]>
             <ContentSlot :name="slot" unwrap="p">
               {{ slots[slot] }}