From ad5d5458f1de8775460a339ba3a48950ab738461 Mon Sep 17 00:00:00 2001
From: alger <algerkc@qq.com>
Date: Tue, 2 Jan 2024 11:08:02 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9E=20fix:=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E6=92=AD=E6=94=BE=E5=8E=86=E5=8F=B2=E4=B8=8D=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E4=B8=8A=E4=B8=8B=E4=B8=80=E9=A6=96=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MusicList.vue       | 3 +--
 src/components/common/SongItem.vue | 4 ----
 src/store/index.ts                 | 5 +++++
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/MusicList.vue b/src/components/MusicList.vue
index 5ab375a..d6f62b5 100644
--- a/src/components/MusicList.vue
+++ b/src/components/MusicList.vue
@@ -1,5 +1,5 @@
 <template>
-  <n-drawer :show="show" height="70vh" placement="bottom" :drawer-style="{ backgroundColor: 'transparent' }">
+  <n-drawer v-model:show="show" height="70vh" placement="bottom" :drawer-style="{ backgroundColor: 'transparent' }">
     <div class="music-page">
       <i class="iconfont icon-icon_error music-close" @click="close"></i>
       <div class="music-title">{{ name }}</div>
@@ -19,7 +19,6 @@
 
 <script setup lang="ts">
 import { useStore } from 'vuex'
-import { Playlist } from '@/type/listDetail';
 import { setAnimationClass, setAnimationDelay } from "@/utils";
 import SongItem from "@/components/common/SongItem.vue";
 import PlayBottom from './common/PlayBottom.vue';
diff --git a/src/components/common/SongItem.vue b/src/components/common/SongItem.vue
index b420c2c..7bd180e 100644
--- a/src/components/common/SongItem.vue
+++ b/src/components/common/SongItem.vue
@@ -46,7 +46,6 @@
 import { useStore } from 'vuex'
 import type { SongResult } from '@/type/music'
 import { getImgUrl } from '@/utils'
-import { useMusicHistory } from '@/hooks/MusicHistoryHook'
 
 const props = withDefaults(defineProps<{
   item: SongResult
@@ -68,15 +67,12 @@ const isPlaying = computed(() => {
 
 const emits = defineEmits(['play'])
 
-const musicHistory = useMusicHistory()
-
 // 播放音乐 设置音乐详情 打开音乐底栏
 const playMusicEvent = (item: any) => {
   store.commit('setPlay', item)
   store.commit('setIsPlay', true)
   store.state.playListIndex = 0 
   emits('play', item)
-  musicHistory.addMusic(item)
 }
 </script>
 
diff --git a/src/store/index.ts b/src/store/index.ts
index a638b8c..a178a45 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -3,6 +3,7 @@ import { SongResult } from '@/type/music'
 import { getMusicUrl, getParsingMusicUrl } from '@/api/music'
 import homeRouter from '@/router/home'
 import { getMusicProxyUrl } from '@/utils'
+import { useMusicHistory } from '@/hooks/MusicHistoryHook'
 
 interface State {
   menus: any[]
@@ -30,6 +31,8 @@ const state: State = {
 
 const windowData = window as any
 
+const musicHistory = useMusicHistory()
+
 const mutations = {
   setMenus(state: State, menus: any[]) {
     state.menus = menus
@@ -38,6 +41,7 @@ const mutations = {
     state.playMusic = playMusic
     state.playMusicUrl = await getSongUrl(playMusic.id)
     state.play = true
+    musicHistory.addMusic(playMusic)
   },
   setIsPlay(state: State, isPlay: boolean) {
     state.isPlay = isPlay
@@ -94,6 +98,7 @@ const updatePlayMusic = async (state: State) => {
   state.playMusic = state.playList[state.playListIndex]
   state.playMusicUrl = await getSongUrl(state.playMusic.id)
   state.play = true
+  musicHistory.addMusic(state.playMusic)
 }
 
 const store = createStore({