From ddbcdbd45961a11d1a46093baddfb9b668bb36fd Mon Sep 17 00:00:00 2001
From: Harvey Zack <laozhaochaguan@gmail.com>
Date: Mon, 25 Aug 2025 10:40:01 +0800
Subject: [PATCH] feat: update script tag to setup and use shallowRef for
 Artplayer instance

---
 packages/artplayer-vitepress/docs/en/index.md | 4 ++--
 packages/artplayer-vitepress/docs/index.md    | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/artplayer-vitepress/docs/en/index.md b/packages/artplayer-vitepress/docs/en/index.md
index 1f0b10f8b..b95e9e433 100644
--- a/packages/artplayer-vitepress/docs/en/index.md
+++ b/packages/artplayer-vitepress/docs/en/index.md
@@ -87,7 +87,7 @@ The player's size depends on the size of the container `container`, so your cont
   <div ref="$container" />
 </template>
 
-<script>
+<script setup>
 import Artplayer from 'artplayer'
 import { onBeforeUnmount, onMounted, ref, shallowRef } from 'vue'
 
@@ -220,7 +220,7 @@ Importing `Artplayer` will automatically import `artplayer.d.ts`
 ```vue{3}
 <script setup>
 import Artplayer from 'artplayer';
-const art = ref<Artplayer>(null);
+const art = shallowRef<Artplayer>(null);
 art.value = new Artplayer();
 </script>
 ```
diff --git a/packages/artplayer-vitepress/docs/index.md b/packages/artplayer-vitepress/docs/index.md
index bd780564a..d88a09ca4 100644
--- a/packages/artplayer-vitepress/docs/index.md
+++ b/packages/artplayer-vitepress/docs/index.md
@@ -88,7 +88,7 @@ https://unpkg.com/artplayer/dist/artplayer.js
   <div ref="$container" />
 </template>
 
-<script>
+<script setup>
 import Artplayer from 'artplayer'
 import { onBeforeUnmount, onMounted, ref, shallowRef } from 'vue'
 
@@ -220,7 +220,7 @@ export default App
 ```vue{3}
 <script setup>
 import Artplayer from 'artplayer';
-const art = ref<Artplayer>(null);
+const art = shallowRef<Artplayer>(null);
 art.value = new Artplayer();
 </script>
 ```