Object literal may only specify known properties, and 'onClick' does not exist in type 'NonNullable<Partial<{ symbol: any; flat: boolean; replace: boolean; style: StyleValue; size: string | number; active: boolean; disabled: boolean; tag: string; rounded: string | number | boolean; variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">; block: boolean; exact: boolean; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; }> & Omit<{ symbol: any; flat: boolean; replace: boolean; style: StyleValue; size: string | number; disabled: boolean; tag: string; variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">; block: boolean; exact: boolean; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; class?: any; text?: string | undefined; width?: string | number | undefined; height?: string | number | undefined; active?: boolean | undefined; value?: any; theme?: string | undefined; href?: string | undefined; color?: string | undefined; loading?: string | boolean | undefined; icon?: boolean | IconValue | undefined; to?: any; border?: string | number | boolean | undefined; position?: "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined; rounded?: string | number | boolean | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; elevation?: string | number | undefined; location?: Anchor | undefined; selectedClass?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; $children?: VNodeChild | (() => VNodeChild) | { default?: (() => VNodeChild) | undefined; prepend?: (() => VNodeChild) | undefined; append?: (() => VNodeChild) | undefined; loader?: (() => VNodeChild) | undefined; }; 'v-slots'?: { default?: false | (() => VNodeChild) | undefined; prepend?: false | (() => VNodeChild) | undefined; append?: false | (() => VNodeChild) | undefined; loader?: false | (() => VNodeChild) | undefined; } | undefined; "v-slot:default"?: false | (() => VNodeChild) | undefined; "v-slot:prepend"?: false | (() => VNodeChild) | undefined; "v-slot:append"?: false | (() => VNodeChild) | undefined; "v-slot:loader"?: false | (() => VNodeChild) | undefined; "onGroup:selected"?: ((val: { value: boolean; }) => any) | undefined; } & VNodeProps & AllowedComponentProps & ComponentCustomProps & { symbol: any; flat: boolean; replace: boolean; style: StyleValue; size: string | number; disabled: boolean; tag: string; variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">; block: boolean; exact: boolean; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; } & { class?: any; text?: string | undefined; width?: string | number | undefined; height?: string | number | undefined; active?: boolean | undefined; value?: any; theme?: string | undefined; href?: string | undefined; color?: string | undefined; loading?: string | boolean | undefined; icon?: boolean | IconValue | undefined; to?: any; border?: string | number | boolean | undefined; position?: "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined; rounded?: string | number | boolean | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; elevation?: string | number | undefined; location?: Anchor | undefined; selectedClass?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; } & { $children?: VNodeChild | (() => VNodeChild) | { default?: (() => VNodeChild) | undefined; prepend?: (() => VNodeChild) | undefined; append?: (() => VNodeChild) | undefined; loader?: (() => VNodeChild) | undefined; }; 'v-slots'?: { default?: false | (() => VNodeChild) | undefined; prepend?: false | (() => VNodeChild) | undefined; app