refactor: refactor for <script setup>

src/client/app/components/Debug.vue

@@ -8,11 +8,9 @@
   </div>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
-import { defineComponent, ref, watch } from 'vue'
+import { ref, watch } from 'vue'
 
-export default defineComponent({
-  setup() {
 const el = ref<HTMLElement | null>(null)
 const open = ref(false)
 
@@ -21,13 +19,6 @@ export default defineComponent({
     el.value!.scrollTop = 0
   }
 })
-
-    return {
-      el,
-      open
-    }
-  }
-})
 </script>
 
 <style scoped>

src/client/theme-default/components/LastUpdated.vue

@@ -5,12 +5,10 @@
   </p>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
-import { defineComponent, ref, computed, onMounted } from 'vue'
+import { ref, computed, onMounted } from 'vue'
 import { useSiteDataByRoute, usePageData } from 'vitepress'
 
-export default defineComponent({
-  setup() {
 const site = useSiteDataByRoute()
 const page = usePageData()
 
@@ -31,14 +29,6 @@ export default defineComponent({
 onMounted(() => {
   datetime.value = new Date(page.value.lastUpdated).toLocaleString('en-US')
 })
-
-    return {
-      hasLastUpdated,
-      prefix,
-      datetime
-    }
-  }
-})
 </script>
 
 <style scoped>

src/client/theme-default/components/PageFooter.vue

@@ -9,17 +9,9 @@
   </footer>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
-import { defineComponent } from 'vue'
 import EditLink from './EditLink.vue'
 import LastUpdated from './LastUpdated.vue'
-
-export default defineComponent({
-  components: {
-    EditLink,
-    LastUpdated
-  }
-})
 </script>
 
 <style scoped>