fix(client): several fixes

mryanshenghong · Jul 27, 2022 · 9978bae · 9978bae
1 parent bd7f4c0
commit 9978bae
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/src/components/Blog.vue b/src/components/Blog.vue
@@ -49,7 +49,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, nextTick, onMounted, ref, reactive } from "vue";
+import { computed, ref, reactive } from "vue";
 import { format } from "@/utils/formatTime";
 
 import { useStore } from "@/store";
@@ -102,15 +102,15 @@ const formatTime = (time: string) => format(time);
 // const toggleDrawer = (isDrawerShow: boolean) => (state.isDrawerShow = isDrawerShow);
 
 const onMusicPlay = () => {
-  if (currentMediaRef.value) currentMediaRef.value.ele.pause();
+  if (currentMediaRef) currentMediaRef.value.ele.pause();
   store.commit("setMediaRef", {
     type: "music",
     ele: musicPlayerRef,
   });
 };
 
 const onVideoPlay = () => {
-  if (currentMediaRef.value) currentMediaRef.value.ele.pause();
+  if (currentMediaRef) currentMediaRef.value.ele.pause();
   store.commit("setMediaRef", {
     type: "video",
     ele: videoPlayerRef,

diff --git a/src/pages/home/components/Blogs.vue b/src/pages/home/components/Blogs.vue
@@ -18,7 +18,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, ref } from "vue";
+import { computed } from "vue";
 import vuescroll from "vuescroll";
 import CardView from "@/components/CardView.vue";
 import { useStore } from "@/store";

diff --git a/src/store/mutations.ts b/src/store/mutations.ts
@@ -12,6 +12,8 @@ export default {
     state.user = user;
   },
   setMediaRef(state, mediaRef: any) {
-    state.currentMediaRef = mediaRef;
+    Object.assign(state, {
+      currentMediaRef: mediaRef,
+    });
   },
 } as MutationTree<GlobalState>;