diff --git a/src/pages/dashboard/base/components/OutputOverview.vue b/src/pages/dashboard/base/components/OutputOverview.vue
index 22202056..543a1ed5 100644
--- a/src/pages/dashboard/base/components/OutputOverview.vue
+++ b/src/pages/dashboard/base/components/OutputOverview.vue
@@ -63,12 +63,6 @@
   </t-card>
 </template>
 
-<script lang="ts">
-export default {
-  name: 'DashboardBase',
-};
-</script>
-
 <script setup lang="ts">
 import { useWindowSize } from '@vueuse/core';
 import { LineChart } from 'echarts/charts';
@@ -86,6 +80,10 @@ import { LAST_7_DAYS } from '@/utils/date';
 
 import { constructInitDataset } from '../index';
 
+defineOptions({
+  name: 'DashboardBase',
+});
+
 echarts.use([TooltipComponent, LegendComponent, GridComponent, LineChart, CanvasRenderer]);
 
 const store = useSettingStore();
diff --git a/src/pages/dashboard/base/components/TopPanel.vue b/src/pages/dashboard/base/components/TopPanel.vue
index 83815d0e..79cdce74 100644
--- a/src/pages/dashboard/base/components/TopPanel.vue
+++ b/src/pages/dashboard/base/components/TopPanel.vue
@@ -48,12 +48,6 @@
   </t-row>
 </template>
 
-<script lang="ts">
-export default {
-  name: 'DashboardBase',
-};
-</script>
-
 <script setup lang="ts">
 import { useWindowSize } from '@vueuse/core';
 import { BarChart, LineChart } from 'echarts/charts';
@@ -70,6 +64,10 @@ import { changeChartsTheme } from '@/utils/color';
 
 import { constructInitDashboardDataset } from '../index';
 
+defineOptions({
+  name: 'DashboardBase',
+});
+
 echarts.use([LineChart, BarChart, CanvasRenderer]);
 
 const store = useSettingStore();
diff --git a/src/pages/dashboard/base/index.vue b/src/pages/dashboard/base/index.vue
index 0f791af8..32dd61e7 100644
--- a/src/pages/dashboard/base/index.vue
+++ b/src/pages/dashboard/base/index.vue
@@ -11,17 +11,15 @@
   </div>
 </template>
 
-<script lang="ts">
-export default {
-  name: 'DashboardBase',
-};
-</script>
-
 <script setup lang="ts">
 import MiddleChart from './components/MiddleChart.vue';
 import OutputOverview from './components/OutputOverview.vue';
 import RankList from './components/RankList.vue';
 import TopPanel from './components/TopPanel.vue';
+
+defineOptions({
+  name: 'DashboardBase',
+});
 </script>
 
 <style scoped>
diff --git a/src/pages/dashboard/detail/index.vue b/src/pages/dashboard/detail/index.vue
index 81c234b0..a4e3a775 100644
--- a/src/pages/dashboard/detail/index.vue
+++ b/src/pages/dashboard/detail/index.vue
@@ -62,12 +62,6 @@
   </div>
 </template>
 
-<script lang="ts">
-export default {
-  name: 'DashboardDetail',
-};
-</script>
-
 <script setup lang="ts">
 import { useWindowSize } from '@vueuse/core';
 import { LineChart, ScatterChart } from 'echarts/charts';
@@ -86,6 +80,9 @@ import { LAST_7_DAYS } from '@/utils/date';
 import { PANE_LIST_DATA, PRODUCT_LIST } from './constants';
 import { getFolderLineDataSet, getScatterDataSet } from './index';
 
+defineOptions({
+  name: 'DashboardDetail',
+});
 echarts.use([GridComponent, LegendComponent, TooltipComponent, LineChart, ScatterChart, CanvasRenderer]);
 
 const store = useSettingStore();
diff --git a/src/pages/detail/advanced/index.vue b/src/pages/detail/advanced/index.vue
index 0cb7942a..52b32680 100644
--- a/src/pages/detail/advanced/index.vue
+++ b/src/pages/detail/advanced/index.vue
@@ -131,12 +131,6 @@
   </div>
 </template>
 
-<script lang="ts">
-export default {
-  name: 'DetailAdvanced',
-};
-</script>
-
 <script setup lang="ts">
 import { onMounted, ref } from 'vue';
 
@@ -146,6 +140,10 @@ import { t } from '@/locales';
 import Product from './components/Product.vue';
 import { BASE_INFO_DATA, PRODUCT_LIST } from './constants';
 
+defineOptions({
+  name: 'DetailAdvanced',
+});
+
 const columns = [
   {
     width: 280,
diff --git a/src/pages/detail/base/index.vue b/src/pages/detail/base/index.vue
index 2c01bcd8..2af5db91 100644
--- a/src/pages/detail/base/index.vue
+++ b/src/pages/detail/base/index.vue
@@ -35,15 +35,13 @@
   </div>
 </template>
 
-<script lang="ts">
-export default {
-  name: 'DetailBase',
-};
-</script>
-
 <script setup lang="ts">
 import { t } from '@/locales';
 
+defineOptions({
+  name: 'DetailBase',
+});
+
 const BASE_INFO_DATA = [
   {
     name: t('constants.contract.name'),
diff --git a/src/pages/detail/deploy/index.vue b/src/pages/detail/deploy/index.vue
index 0e22a769..9aef299d 100644
--- a/src/pages/detail/deploy/index.vue
+++ b/src/pages/detail/deploy/index.vue
@@ -74,12 +74,6 @@
   </div>
 </template>
 
-<script lang="ts">
-export default {
-  name: 'DetailDeploy',
-};
-</script>
-
 <script setup lang="ts">
 import { BarChart, LineChart } from 'echarts/charts';
 import { GridComponent, LegendComponent, TitleComponent, ToolboxComponent, TooltipComponent } from 'echarts/components';
@@ -95,6 +89,10 @@ import { changeChartsTheme } from '@/utils/color';
 import { BASE_INFO_DATA } from './constants';
 import { get2ColBarChartDataSet, getSmoothLineDataSet } from './index';
 
+defineOptions({
+  name: 'DetailDeploy',
+});
+
 const columns = [
   {
     width: '280',
diff --git a/src/pages/detail/secondary/index.vue b/src/pages/detail/secondary/index.vue
index c586c3b4..292a4948 100644
--- a/src/pages/detail/secondary/index.vue
+++ b/src/pages/detail/secondary/index.vue
@@ -50,12 +50,6 @@
   </div>
 </template>
 
-<script lang="ts">
-export default {
-  name: 'DetailSecondary',
-};
-</script>
-
 <script setup lang="ts">
 import { storeToRefs } from 'pinia';
 import { computed, ref } from 'vue';
@@ -66,6 +60,10 @@ import { t } from '@/locales';
 import { useNotificationStore } from '@/store';
 import type { NotificationItem } from '@/types/interface';
 
+defineOptions({
+  name: 'DetailSecondary',
+});
+
 const TAB_LIST = [
   {
     label: t('pages.detailSecondary.all'),
diff --git a/src/pages/form/base/index.vue b/src/pages/form/base/index.vue
index 2e7a7d74..5ce7e338 100644
--- a/src/pages/form/base/index.vue
+++ b/src/pages/form/base/index.vue
@@ -157,12 +157,6 @@
   </t-form>
 </template>
 
-<script lang="ts">
-export default {
-  name: 'FormBase',
-};
-</script>
-
 <script setup lang="ts">
 import type { SubmitContext, UploadFailContext, UploadFile } from 'tdesign-vue-next';
 import { MessagePlugin } from 'tdesign-vue-next';
@@ -172,6 +166,10 @@ import { t } from '@/locales';
 
 import { FORM_RULES, INITIAL_DATA, PARTY_A_OPTIONS, PARTY_B_OPTIONS, TYPE_OPTIONS } from './constants';
 
+defineOptions({
+  name: 'FormBase',
+});
+
 const formData = ref({ ...INITIAL_DATA });
 
 const onReset = () => {
diff --git a/src/pages/form/step/index.vue b/src/pages/form/step/index.vue
index 2c0638e8..2043898e 100644
--- a/src/pages/form/step/index.vue
+++ b/src/pages/form/step/index.vue
@@ -166,12 +166,6 @@
   </div>
 </template>
 
-<script lang="ts">
-export default {
-  name: 'FormStep',
-};
-</script>
-
 <script setup lang="ts">
 import { SubmitContext } from 'tdesign-vue-next';
 import { computed, ref } from 'vue';
@@ -189,6 +183,10 @@ import {
   TYPE_OPTIONS,
 } from './constants';
 
+defineOptions({
+  name: 'FormStep',
+});
+
 const formData1 = ref({ ...INITIAL_DATA1 });
 const formData2 = ref({ ...INITIAL_DATA2 });
 const formData3 = ref({ ...INITIAL_DATA3 });
diff --git a/src/pages/list/base/index.vue b/src/pages/list/base/index.vue
index 3d2419bc..c518bf08 100644
--- a/src/pages/list/base/index.vue
+++ b/src/pages/list/base/index.vue
@@ -85,12 +85,6 @@
   </div>
 </template>
 
-<script lang="ts">
-export default {
-  name: 'ListBase',
-};
-</script>
-
 <script setup lang="ts">
 import { SearchIcon } from 'tdesign-icons-vue-next';
 import { MessagePlugin, PrimaryTableCol, TableRowData } from 'tdesign-vue-next';
@@ -104,6 +98,10 @@ import { CONTRACT_PAYMENT_TYPES, CONTRACT_STATUS, CONTRACT_TYPES } from '@/const
 import { t } from '@/locales';
 import { useSettingStore } from '@/store';
 
+defineOptions({
+  name: 'ListBase',
+});
+
 const store = useSettingStore();
 
 const COLUMNS: PrimaryTableCol<TableRowData>[] = [
diff --git a/src/pages/list/card/index.vue b/src/pages/list/card/index.vue
index fd26e37e..6e043092 100644
--- a/src/pages/list/card/index.vue
+++ b/src/pages/list/card/index.vue
@@ -61,12 +61,6 @@
   </div>
 </template>
 
-<script lang="ts">
-export default {
-  name: 'ListCard',
-};
-</script>
-
 <script setup lang="ts">
 import { SearchIcon } from 'tdesign-icons-vue-next';
 import { MessagePlugin } from 'tdesign-vue-next';
@@ -80,6 +74,10 @@ import { t } from '@/locales';
 import type { FormData } from './components/DialogForm.vue';
 import DialogForm from './components/DialogForm.vue';
 
+defineOptions({
+  name: 'ListCard',
+});
+
 const INITIAL_DATA: FormData = {
   name: '',
   status: '',
diff --git a/src/pages/list/filter/index.vue b/src/pages/list/filter/index.vue
index 7bfb9bdb..a7d56af4 100644
--- a/src/pages/list/filter/index.vue
+++ b/src/pages/list/filter/index.vue
@@ -1,11 +1,11 @@
 <template>
   <common-table />
 </template>
-<script lang="ts">
-export default {
-  name: 'ListFilter',
-};
-</script>
+
 <script setup lang="ts">
 import CommonTable from '@/components/common-table/index.vue';
+
+defineOptions({
+  name: 'ListFilter',
+});
 </script>
diff --git a/src/pages/list/tree/index.vue b/src/pages/list/tree/index.vue
index 52969514..c1e01057 100644
--- a/src/pages/list/tree/index.vue
+++ b/src/pages/list/tree/index.vue
@@ -16,12 +16,6 @@
   </div>
 </template>
 
-<script lang="ts">
-export default {
-  name: 'ListTree',
-};
-</script>
-
 <script setup lang="ts">
 import { SearchIcon } from 'tdesign-icons-vue-next';
 import type { TreeNodeModel } from 'tdesign-vue-next';
@@ -32,6 +26,10 @@ import { t } from '@/locales';
 
 import { TREE_DATA } from './constants';
 
+defineOptions({
+  name: 'ListTree',
+});
+
 const filterByText = ref();
 const filterText = ref();
 
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 940109c4..421d6af5 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -22,11 +22,7 @@
     <footer class="copyright">Copyright @ 2021-2023 Tencent. All Rights Reserved</footer>
   </div>
 </template>
-<script lang="ts">
-export default {
-  name: 'LoginIndex',
-};
-</script>
+
 <script setup lang="ts">
 import { ref } from 'vue';
 
@@ -37,6 +33,9 @@ import LoginHeader from './components/Header.vue';
 import Login from './components/Login.vue';
 import Register from './components/Register.vue';
 
+defineOptions({
+  name: 'LoginIndex',
+});
 const type = ref('login');
 const switchType = (val: string) => {
   type.value = val;
diff --git a/src/pages/result/403/index.vue b/src/pages/result/403/index.vue
index 96289024..d1c28dba 100644
--- a/src/pages/result/403/index.vue
+++ b/src/pages/result/403/index.vue
@@ -3,12 +3,12 @@
     <t-button @click="() => $router.push('/')">{{ t('pages.result.403.back') }}</t-button>
   </result>
 </template>
-<script lang="ts">
-export default {
-  name: 'Result403',
-};
-</script>
+
 <script setup lang="ts">
 import Result from '@/components/result/index.vue';
 import { t } from '@/locales';
+
+defineOptions({
+  name: 'Result403',
+});
 </script>
diff --git a/src/pages/result/404/index.vue b/src/pages/result/404/index.vue
index ae96e2c4..c0742b03 100644
--- a/src/pages/result/404/index.vue
+++ b/src/pages/result/404/index.vue
@@ -4,13 +4,11 @@
   </result>
 </template>
 
-<script lang="ts">
-export default {
-  name: 'Result404',
-};
-</script>
-
 <script setup lang="ts">
 import Result from '@/components/result/index.vue';
 import { t } from '@/locales';
+
+defineOptions({
+  name: 'Result404',
+});
 </script>
diff --git a/src/pages/result/500/index.vue b/src/pages/result/500/index.vue
index abc38b9c..292a644d 100644
--- a/src/pages/result/500/index.vue
+++ b/src/pages/result/500/index.vue
@@ -3,12 +3,12 @@
     <t-button @click="() => $router.push('/')">{{ t('pages.result.500.back') }}</t-button>
   </result>
 </template>
-<script lang="ts">
-export default {
-  name: 'Result500',
-};
-</script>
+
 <script setup lang="ts">
 import Result from '@/components/result/index.vue';
 import { t } from '@/locales';
+
+defineOptions({
+  name: 'Result500',
+});
 </script>
diff --git a/src/pages/result/browser-incompatible/index.vue b/src/pages/result/browser-incompatible/index.vue
index 2147dd1e..c80d72fa 100644
--- a/src/pages/result/browser-incompatible/index.vue
+++ b/src/pages/result/browser-incompatible/index.vue
@@ -24,15 +24,15 @@
     </div>
   </result>
 </template>
-<script lang="ts">
-export default {
-  name: 'ResultBrowserIncompatible',
-};
-</script>
+
 <script setup lang="ts">
 import Result from '@/components/result/index.vue';
 import Thumbnail from '@/components/thumbnail/index.vue';
 import { t } from '@/locales';
+
+defineOptions({
+  name: 'ResultBrowserIncompatible',
+});
 </script>
 
 <style lang="less" scoped>
diff --git a/src/pages/result/fail/index.vue b/src/pages/result/fail/index.vue
index 718f766b..db6c7f40 100644
--- a/src/pages/result/fail/index.vue
+++ b/src/pages/result/fail/index.vue
@@ -11,14 +11,13 @@
     </div>
   </div>
 </template>
-<script lang="ts">
-export default {
-  name: 'ResultFail',
-};
-</script>
 
 <script lang="ts" setup>
 import { t } from '@/locales';
+
+defineOptions({
+  name: 'ResultFail',
+});
 </script>
 
 <style lang="less" scoped>
diff --git a/src/pages/result/maintenance/index.vue b/src/pages/result/maintenance/index.vue
index 607810c6..fed05cec 100644
--- a/src/pages/result/maintenance/index.vue
+++ b/src/pages/result/maintenance/index.vue
@@ -4,12 +4,11 @@
   </result>
 </template>
 
-<script lang="ts">
-export default {
-  name: 'ResultMaintenance',
-};
-</script>
 <script setup lang="ts">
 import Result from '@/components/result/index.vue';
 import { t } from '@/locales';
+
+defineOptions({
+  name: 'ResultMaintenance',
+});
 </script>
diff --git a/src/pages/result/network-error/index.vue b/src/pages/result/network-error/index.vue
index d4d5f37e..f8042b9b 100644
--- a/src/pages/result/network-error/index.vue
+++ b/src/pages/result/network-error/index.vue
@@ -7,12 +7,11 @@
   </result>
 </template>
 
-<script lang="ts">
-export default {
-  name: 'ResultNetworkError',
-};
-</script>
 <script setup lang="ts">
 import Result from '@/components/result/index.vue';
 import { t } from '@/locales';
+
+defineOptions({
+  name: 'ResultNetworkError',
+});
 </script>
diff --git a/src/pages/result/success/index.vue b/src/pages/result/success/index.vue
index cc5d12a7..64c845e2 100644
--- a/src/pages/result/success/index.vue
+++ b/src/pages/result/success/index.vue
@@ -11,14 +11,13 @@
     </div>
   </div>
 </template>
-<script lang="ts">
-export default {
-  name: 'ResultSuccess',
-};
-</script>
 
 <script setup lang="ts">
 import { t } from '@/locales';
+
+defineOptions({
+  name: 'ResultSuccess',
+});
 </script>
 
 <style lang="less" scoped>
diff --git a/src/pages/user/index.vue b/src/pages/user/index.vue
index e1d598e0..ece150d4 100644
--- a/src/pages/user/index.vue
+++ b/src/pages/user/index.vue
@@ -83,11 +83,7 @@
     </t-col>
   </t-row>
 </template>
-<script lang="ts">
-export default {
-  name: 'UserIndex',
-};
-</script>
+
 <script setup lang="ts">
 import { LineChart } from 'echarts/charts';
 import { GridComponent, LegendComponent, TooltipComponent } from 'echarts/components';
@@ -108,6 +104,10 @@ import { LAST_7_DAYS } from '@/utils/date';
 import { PRODUCT_LIST, TEAM_MEMBERS, USER_INFO_LIST } from './constants';
 import { getFolderLineDataSet } from './index';
 
+defineOptions({
+  name: 'UserIndex',
+});
+
 echarts.use([GridComponent, TooltipComponent, LineChart, CanvasRenderer, LegendComponent]);
 
 let lineContainer: HTMLElement;