fix: prevent vue3 component reload too frequently (AirenSoft#400)

Co-authored-by: billy <[email protected]>
eskilh · Dec 26, 2023 · 0c727b8 · 0c727b8
1 parent ed2fd35
commit 0c727b8
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/packages/vue3/src/OvenPlayer.vue b/packages/vue3/src/OvenPlayer.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted, onUpdated } from 'vue';
+import { ref, watch, onMounted, onUnmounted } from 'vue';
 import OvenPlayer from 'ovenplayer';
 
 import type { OvenPlayerConfig, OvenPlayerInstance, OvenPlayerEvents } from 'ovenplayer';
@@ -179,10 +179,14 @@ onMounted(createPlayer);
 
 onUnmounted(removePlayer);
 
-onUpdated(() => {
-  removePlayer();
-  createPlayer();
-});
+watch(
+  () => props.config,
+  () => {
+    removePlayer();
+    createPlayer();
+  },
+  { deep: true }
+);
 </script>
 
 <template>