docs(recent-color): update demo for recent colors

Author: RylanBot

packages/components/color-picker/_example/recent-color.vue

@@ -2,19 +2,7 @@
   <t-space>
     <t-space direction="vertical" size="small">
       <p>预设最近使用色</p>
-      <t-color-picker-panel
-        v-model="color"
-        :recent-colors="[
-          'red',
-          'green',
-          'yellow',
-          'blue',
-          'purple',
-          'linear-gradient(to right, #fa709a 0%, #fee140 100%)',
-          'linear-gradient(45deg, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%)',
-          'linear-gradient(120deg, #fcc5e4 0%, #fda34b 15%, #ff7882 35%, #c8699e 52%, #7046aa 71%, #0c1db8 87%, #020f75 100%)',
-        ]"
-      />
+      <t-color-picker-panel v-model="color" :default-recent-colors="recentColors" />
     </t-space>
 
     <t-space direction="vertical" size="small">
@@ -25,8 +13,16 @@
 </template>
 <script setup>
 import { ref } from 'vue';
-
 const color = ref('#0052d9');
+const recentColors = ref([
+  'red',
+  'green',
+  'yellow',
+  'blue',
+  'purple',
+  'linear-gradient(to right, #fa709a 0%, #fee140 100%)',
+  'linear-gradient(45deg, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%)',
+]);
 </script>
 <style scoped>
 p {