fix: CCloseButton events issue

Author: mrholek

src/components/alert/CAlert.ts

@@ -46,7 +46,7 @@ export const CAlert = defineComponent({
   ],
   setup(props, { slots, emit }) {
     const visible = ref(props.visible)
-    const dismiss = () => {
+    const handleDismiss = () => {
       visible.value = false
       emit('dismiss')
     }
@@ -82,7 +82,7 @@ export const CAlert = defineComponent({
                 props.dismissible &&
                   h(CCloseButton, {
                     onClick: () => {
-                      dismiss()
+                      handleDismiss()
                     },
                   }),
               ],

src/components/close-button/CCloseButton.ts

@@ -18,7 +18,11 @@ export const CCloseButton = defineComponent({
       required: false,
     },
   },
-  setup(props) {
+  emits: ['click'],
+  setup(props, { emit }) {
+    const handleClick = () => {
+      emit('click')
+    }
     return () =>
       h('button', {
         class: [
@@ -31,6 +35,7 @@ export const CCloseButton = defineComponent({
         ],
         'aria-label': 'Close',
         disabled: props.disabled,
+        onClick: handleClick,
       })
   },
 })

src/components/toast/CToastClose.ts

@@ -14,6 +14,7 @@ const CToastClose = defineComponent({
     },
     ...CCloseButton.props,
   },
+  emits: ['dismiss'],
   setup(props, { slots, emit }) {
     const updateVisible = inject('updateVisible') as any
     const handleClose = () => {

src/components/toast/CToastHeader.ts

@@ -7,7 +7,7 @@ const CToastHeader = defineComponent({
     /**
      * Automatically add a close button to the header.
      */
-    dismiss: {
+    close: {
       type: Boolean,
       require: false,
     },
@@ -22,7 +22,7 @@ const CToastHeader = defineComponent({
     return () =>
       h('div', { class: 'toast-header' }, [
         slots.default && slots.default(),
-        props.dismiss &&
+        props.close &&
           h(CToastClose, {
             onClose: () => handleClose(),
           }),