arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 12:14:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore(Button): use defineSlots

Browse Source
This commit is contained in:
Benjamin Canac
2024-03-06 15:37:02 +01:00
parent d0c1892a14
commit d69817a128
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/runtime/components/Button.vue
View File

@@ -29,10 +29,16 @@ export interface ButtonProps extends LinkProps {
class?: any
ui?: Partial<typeof appButton>
}
export interface ButtonSlots {
leading(props?: { disabled?: boolean; loading?: boolean }): any
default(): any
trailing(props?: { disabled?: boolean; loading?: boolean }): any
}
</script>
<script setup lang="ts">
import { useSlots, computed } from 'vue'
import { computed } from 'vue'
import { useForwardProps } from 'radix-vue'
import { reactiveOmit } from '@vueuse/core'
import UIcon from './Icon.vue'
@@ -40,8 +46,8 @@ import UIcon from './Icon.vue'
defineOptions({ inheritAttrs: false })
const props = defineProps<ButtonProps>()
const slots = defineSlots<ButtonSlots>()
const slots = useSlots()
const appConfig = useAppConfig()
const forward = useForwardProps(reactiveOmit(props, 'type', 'label', 'color', 'size', 'icon', 'leading', 'leadingIcon', 'trailing', 'trailingIcon', 'loading', 'loadingIcon', 'square', 'block', 'disabled', 'padded', 'truncate', 'class', 'ui'))