feat: use defineOptions set component

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();

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();

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>

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();

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,

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'),

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',

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'),

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 = () => {

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 });

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>[] = [

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: '',

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>

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();
 

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;

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>

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>

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>