feat: add color-copy event

Add a new event `copy-color` that is fired once a copy operation succeeded. Its event data is the same as that of the `color-change` event.

Author: kleinfreund

README.md

@@ -183,14 +183,37 @@ You can also register the component and import the styles globally.
 	<template>
 		<ColorPicker
 			color="hsl(270 100% 50% / 0.8)"
-			@color-change="updateColor"
+			@color-change="colorChanged"
 		/>
 	</template>
 
 	<script setup>
 	import { ColorPicker } from 'vue-accessible-color-picker'
 
-	function updateColor (eventData) {
+	function colorChanged (eventData) {
+		console.log(eventData)
+	}
+	</script>
+	```
+
+#### `color-copy`
+
+- **Description**: The `color-copy` event is fired once a copy operation succeeded.
+- **Data**: Emits the same event data as [the `color-change` event](#color-change).
+- **Usage**:
+
+	```vue
+	<template>
+		<ColorPicker
+			color="hsl(270 100% 50% / 0.8)"
+			@color-copy="colorCopied"
+		/>
+	</template>
+
+	<script setup>
+	import { ColorPicker } from 'vue-accessible-color-picker'
+
+	function colorCopied (eventData) {
 		console.log(eventData)
 	}
 	</script>

dist/ColorPicker.d.ts

@@ -6,8 +6,10 @@ import { PublicProps } from 'vue';
 
 declare const __VLS_component: DefineComponent<ColorPickerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "color-change": (data: ColorChangeDetail) => any;
+"color-copy": (data: ColorChangeDetail) => any;
 }, string, PublicProps, Readonly<ColorPickerProps> & Readonly<{
 "onColor-change"?: ((data: ColorChangeDetail) => any) | undefined;
+"onColor-copy"?: ((data: ColorChangeDetail) => any) | undefined;
 }>, {
 id: string;
 color: string | ColorHsl | ColorHwb | ColorRgb;