fix(Toast)!: rename click to onClick for consistency

Author: benjamincanac

playground/app/pages/components/toast.vue

@@ -98,7 +98,7 @@ function addToast() {
   add({
     id,
     ...template,
-    click(toast) {
+    onClick(toast) {
       console.log(`Toast ${toast.id} clicked`)
     }
   })

src/runtime/components/Toaster.vue

@@ -121,10 +121,10 @@ function getOffset(index: number) {
         '--transform': 'translateY(var(--translate)) scale(var(--scale))'
       }"
       :class="[ui.base(), {
-        'cursor-pointer': !!toast.click
+        'cursor-pointer': !!toast.onClick
       }]"
       @update:open="onUpdateOpen($event, toast.id)"
-      @click="toast.click && toast.click(toast)"
+      @click="toast.onClick && toast.onClick(toast)"
     />
 
     <ToastPortal :disabled="!portal">

src/runtime/composables/useToast.ts

@@ -4,7 +4,7 @@ import type { ToastProps } from '../types'
 
 export interface Toast extends Omit<ToastProps, 'defaultOpen'> {
   id: string | number
-  click?: (toast: Toast) => void
+  onClick?: (toast: Toast) => void
 }
 
 export function useToast() {