From 008f2183de510b51e5d5fbc8845941ae64a81d8a Mon Sep 17 00:00:00 2001
From: alger <algerkc@qq.com>
Date: Fri, 13 Sep 2024 14:14:32 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9E=20fix:=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E5=8E=86=E5=8F=B2=E6=92=AD=E6=94=BE=20=E4=B8=8D=E8=A7=A6?=
 =?UTF-8?q?=E5=8F=91=E6=92=AD=E6=94=BE=E5=88=97=E8=A1=A8=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/history/index.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/views/history/index.vue b/src/views/history/index.vue
index 45ad024..fda495e 100644
--- a/src/views/history/index.vue
+++ b/src/views/history/index.vue
@@ -10,7 +10,7 @@
           :class="setAnimationClass('animate__bounceIn')"
           :style="setAnimationDelay(index, 30)"
         >
-          <song-item class="history-item-content" :item="item" />
+          <song-item class="history-item-content" :item="item" @play="handlePlay" />
           <div class="history-item-count">
             {{ item.count }}
           </div>
@@ -24,6 +24,8 @@
 </template>
 
 <script setup lang="ts">
+import { useStore } from 'vuex';
+
 import { useMusicHistory } from '@/hooks/MusicHistoryHook';
 import { setAnimationClass, setAnimationDelay } from '@/utils';
 
@@ -31,7 +33,12 @@ defineOptions({
   name: 'History',
 });
 
+const store = useStore();
 const { delMusic, musicList } = useMusicHistory();
+
+const handlePlay = () => {
+  store.commit('setPlayList', musicList.value);
+};
 </script>
 
 <style scoped lang="scss">