diff --git a/ecosystem/theme-default/src/client/components/AutoLink.vue b/ecosystem/theme-default/src/client/components/AutoLink.vue
index b6d8e404f3..d8d81222ab 100644
--- a/ecosystem/theme-default/src/client/components/AutoLink.vue
+++ b/ecosystem/theme-default/src/client/components/AutoLink.vue
@@ -1,13 +1,3 @@
-<script lang="ts">
-/* eslint-disable import/first, import/no-duplicates, import/order */
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  inheritAttrs: false,
-})
-/* eslint-enable import/order */
-</script>
-
 <script setup lang="ts">
 import { useSiteData } from '@vuepress/client'
 import { isLinkHttp, isLinkWithProtocol } from '@vuepress/shared'
@@ -16,6 +6,10 @@ import type { PropType } from 'vue'
 import { useRoute } from 'vue-router'
 import type { NavLink } from '../../shared/index.js'
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 const props = defineProps({
   item: {
     type: Object as PropType<NavLink>,
diff --git a/ecosystem/theme-default/src/client/components/global/CodeGroupItem.vue b/ecosystem/theme-default/src/client/components/global/CodeGroupItem.vue
index 4515463dd5..a6919300f1 100644
--- a/ecosystem/theme-default/src/client/components/global/CodeGroupItem.vue
+++ b/ecosystem/theme-default/src/client/components/global/CodeGroupItem.vue
@@ -1,12 +1,8 @@
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
+<script setup lang="ts">
+defineOptions({
   name: 'CodeGroupItem',
 })
-</script>
 
-<script setup lang="ts">
 defineProps({
   title: {
     type: String,