Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add emits to the tabs component (#93)

Browse Source
This commit is contained in:
Léo Gallot 2023-10-01 17:33:41 +02:00 committed by GitHub
parent 417368bcd4
commit 223583b217
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/www/src/lib/registry/default/ui/tabs/Tabs.vue
View File

@ -1,11 +1,15 @@
<script setup lang="ts"> <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 props = defineProps<TabsRootProps>()
const emits = defineEmits<TabsRootEmits>()
const forwarded = useForwardPropsEmits(props, emits)
</script> </script>
<template> <template>
<TabsRoot v-bind="props"> <TabsRoot v-bind="forwarded">
<slot /> <slot />
</TabsRoot> </TabsRoot>
</template> </template>

8
apps/www/src/lib/registry/new-york/ui/tabs/Tabs.vue
View File

@ -1,11 +1,15 @@
<script setup lang="ts"> <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 props = defineProps<TabsRootProps>()
const emits = defineEmits<TabsRootEmits>()
const forwarded = useForwardPropsEmits(props, emits)
</script> </script>
<template> <template>
<TabsRoot v-bind="props"> <TabsRoot v-bind="forwarded">
<slot /> <slot />
</TabsRoot> </TabsRoot>
</template> </template>

2
apps/www/src/public/registry/styles/default/tabs.json
View File

@ -9,7 +9,7 @@
"files": [ "files": [
{ {
"name": "Tabs.vue", "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", "name": "TabsContent.vue",

2
apps/www/src/public/registry/styles/new-york/tabs.json
View File

@ -9,7 +9,7 @@
"files": [ "files": [
{ {
"name": "Tabs.vue", "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", "name": "TabsContent.vue",