diff --git a/packages/artplayer-template/vue3.js/src/Artplayer.vue b/packages/artplayer-template/vue3.js/src/Artplayer.vue
index 6c810c7a6..e898f9f72 100644
--- a/packages/artplayer-template/vue3.js/src/Artplayer.vue
+++ b/packages/artplayer-template/vue3.js/src/Artplayer.vue
@@ -4,7 +4,7 @@
 
 <script setup>
 import Artplayer from 'artplayer';
-import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue';
+import { ref, shallowRef, onMounted, onBeforeUnmount, nextTick } from 'vue';
 
 const emit = defineEmits(['get-instance']);