From 2fc344052413b36ca2f9b5f2d88d8c3974f82109 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?L=C3=A9o=20Gallot?= <leo.gallot3@gmail.com>
Date: Sun, 1 Oct 2023 11:38:34 +0200
Subject: [PATCH] fix(components): add emits to the tabs component

---
 apps/www/src/lib/registry/default/ui/tabs/Tabs.vue     | 8 ++++++--
 apps/www/src/lib/registry/new-york/ui/tabs/Tabs.vue    | 8 ++++++--
 apps/www/src/public/registry/styles/default/tabs.json  | 2 +-
 apps/www/src/public/registry/styles/new-york/tabs.json | 2 +-
 4 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/apps/www/src/lib/registry/default/ui/tabs/Tabs.vue b/apps/www/src/lib/registry/default/ui/tabs/Tabs.vue
index 808fe019..65c16914 100644
--- a/apps/www/src/lib/registry/default/ui/tabs/Tabs.vue
+++ b/apps/www/src/lib/registry/default/ui/tabs/Tabs.vue
@@ -1,11 +1,15 @@
 <script setup lang="ts">
-import { TabsRoot, type TabsRootProps } from 'radix-vue'
+import { useForwardPropsEmits } from 'radix-vue'
+import type { TabsRootEmits, TabsRootProps } from 'radix-vue'
 
 const props = defineProps<TabsRootProps>()
+const emits = defineEmits<TabsRootEmits>()
+
+const forwarded = useForwardPropsEmits(props, emits)
 </script>
 
 <template>
-  <TabsRoot v-bind="props">
+  <TabsRoot v-bind="forwarded">
     <slot />
   </TabsRoot>
 </template>
diff --git a/apps/www/src/lib/registry/new-york/ui/tabs/Tabs.vue b/apps/www/src/lib/registry/new-york/ui/tabs/Tabs.vue
index 808fe019..65c16914 100644
--- a/apps/www/src/lib/registry/new-york/ui/tabs/Tabs.vue
+++ b/apps/www/src/lib/registry/new-york/ui/tabs/Tabs.vue
@@ -1,11 +1,15 @@
 <script setup lang="ts">
-import { TabsRoot, type TabsRootProps } from 'radix-vue'
+import { useForwardPropsEmits } from 'radix-vue'
+import type { TabsRootEmits, TabsRootProps } from 'radix-vue'
 
 const props = defineProps<TabsRootProps>()
+const emits = defineEmits<TabsRootEmits>()
+
+const forwarded = useForwardPropsEmits(props, emits)
 </script>
 
 <template>
-  <TabsRoot v-bind="props">
+  <TabsRoot v-bind="forwarded">
     <slot />
   </TabsRoot>
 </template>
diff --git a/apps/www/src/public/registry/styles/default/tabs.json b/apps/www/src/public/registry/styles/default/tabs.json
index 3f89a0b7..1bcf8cf3 100644
--- a/apps/www/src/public/registry/styles/default/tabs.json
+++ b/apps/www/src/public/registry/styles/default/tabs.json
@@ -9,7 +9,7 @@
   "files": [
     {
       "name": "Tabs.vue",
-      "content": "<script setup lang=\"ts\">\nimport { TabsRoot, type TabsRootProps } from 'radix-vue'\n\nconst props = defineProps<TabsRootProps>()\n</script>\n\n<template>\n  <TabsRoot v-bind=\"props\">\n    <slot />\n  </TabsRoot>\n</template>\n"
+      "content": "<script setup lang=\"ts\">\nimport { useForwardPropsEmits } from 'radix-vue'\nimport type { TabsRootEmits, TabsRootProps } from 'radix-vue'\n\nconst props = defineProps<TabsRootProps>()\nconst emits = defineEmits<TabsRootEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n\n<template>\n  <TabsRoot v-bind=\"forwarded\">\n    <slot />\n  </TabsRoot>\n</template>\n"
     },
     {
       "name": "TabsContent.vue",
diff --git a/apps/www/src/public/registry/styles/new-york/tabs.json b/apps/www/src/public/registry/styles/new-york/tabs.json
index e4bfba34..356d4c3c 100644
--- a/apps/www/src/public/registry/styles/new-york/tabs.json
+++ b/apps/www/src/public/registry/styles/new-york/tabs.json
@@ -9,7 +9,7 @@
   "files": [
     {
       "name": "Tabs.vue",
-      "content": "<script setup lang=\"ts\">\nimport { TabsRoot, type TabsRootProps } from 'radix-vue'\n\nconst props = defineProps<TabsRootProps>()\n</script>\n\n<template>\n  <TabsRoot v-bind=\"props\">\n    <slot />\n  </TabsRoot>\n</template>\n"
+      "content": "<script setup lang=\"ts\">\nimport { useForwardPropsEmits } from 'radix-vue'\nimport type { TabsRootEmits, TabsRootProps } from 'radix-vue'\n\nconst props = defineProps<TabsRootProps>()\nconst emits = defineEmits<TabsRootEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n\n<template>\n  <TabsRoot v-bind=\"forwarded\">\n    <slot />\n  </TabsRoot>\n</template>\n"
     },
     {
       "name": "TabsContent.vue",