diff --git a/registry/lib/components/style/home-redesign/fresh/layouts/areas/areas.ts b/registry/lib/components/style/home-redesign/fresh/layouts/areas/areas.ts index 6352c991b..466aa96bd 100644 --- a/registry/lib/components/style/home-redesign/fresh/layouts/areas/areas.ts +++ b/registry/lib/components/style/home-redesign/fresh/layouts/areas/areas.ts @@ -1,7 +1,8 @@ +import { defineAsyncComponent } from 'vue' import type { FreshLayoutItem } from '../fresh-layout-item' export const areas: FreshLayoutItem = { name: 'areas', displayName: '栏目', - component: () => import('./Areas.vue').then(m => m.default), + component: defineAsyncComponent(() => import('./Areas.vue')), } diff --git a/registry/lib/components/style/home-redesign/fresh/layouts/blackboard/blackboard.ts b/registry/lib/components/style/home-redesign/fresh/layouts/blackboard/blackboard.ts index d13dee442..420c3f33e 100644 --- a/registry/lib/components/style/home-redesign/fresh/layouts/blackboard/blackboard.ts +++ b/registry/lib/components/style/home-redesign/fresh/layouts/blackboard/blackboard.ts @@ -1,7 +1,8 @@ +import { defineAsyncComponent } from 'vue' import type { FreshLayoutItem } from '../fresh-layout-item' export const blackboard: FreshLayoutItem = { name: 'blackboard', displayName: '活动', - component: () => import('./Blackboard.vue').then(m => m.default), + component: defineAsyncComponent(() => import('./Blackboard.vue')), } diff --git a/registry/lib/components/style/home-redesign/fresh/layouts/categories/categories.ts b/registry/lib/components/style/home-redesign/fresh/layouts/categories/categories.ts index 0bd648915..eeb343215 100644 --- a/registry/lib/components/style/home-redesign/fresh/layouts/categories/categories.ts +++ b/registry/lib/components/style/home-redesign/fresh/layouts/categories/categories.ts @@ -1,3 +1,4 @@ +import { defineAsyncComponent } from 'vue' import type { Category } from '@/components/utils/categories/data' import type { FreshLayoutItem } from '../fresh-layout-item' @@ -15,5 +16,5 @@ export const categories: FreshLayoutItem = { name: 'categories', displayName: '分区', grow: true, - component: () => import('./Categories.vue').then(m => m.default), + component: defineAsyncComponent(() => import('./Categories.vue')), } diff --git a/registry/lib/components/style/home-redesign/fresh/layouts/feeds/feeds.ts b/registry/lib/components/style/home-redesign/fresh/layouts/feeds/feeds.ts index 26ac117d9..4f5c87d08 100644 --- a/registry/lib/components/style/home-redesign/fresh/layouts/feeds/feeds.ts +++ b/registry/lib/components/style/home-redesign/fresh/layouts/feeds/feeds.ts @@ -1,8 +1,9 @@ +import { defineAsyncComponent } from 'vue' import type { FreshLayoutItem } from '../fresh-layout-item' export const feeds: FreshLayoutItem = { name: 'feeds', displayName: '动态', grow: true, - component: () => import('./Feeds.vue').then(m => m.default), + component: defineAsyncComponent(() => import('./Feeds.vue')), } diff --git a/registry/lib/components/style/home-redesign/fresh/layouts/fresh-layout-item.ts b/registry/lib/components/style/home-redesign/fresh/layouts/fresh-layout-item.ts index 3d0289aa2..54c5db7e9 100644 --- a/registry/lib/components/style/home-redesign/fresh/layouts/fresh-layout-item.ts +++ b/registry/lib/components/style/home-redesign/fresh/layouts/fresh-layout-item.ts @@ -1,7 +1,8 @@ -import type { Executable, ImportedVueComponent, WithName } from '@/core/common-types' +import type { Component } from 'vue' +import type { WithName } from '@/core/common-types' export interface FreshLayoutItem extends WithName { - component: Executable + component: Component grow?: boolean } export interface FreshLayoutItemSettings { diff --git a/registry/lib/components/style/home-redesign/fresh/layouts/trending/trending.ts b/registry/lib/components/style/home-redesign/fresh/layouts/trending/trending.ts index eccb65bc4..987d68d47 100644 --- a/registry/lib/components/style/home-redesign/fresh/layouts/trending/trending.ts +++ b/registry/lib/components/style/home-redesign/fresh/layouts/trending/trending.ts @@ -1,8 +1,9 @@ +import { defineAsyncComponent } from 'vue' import type { FreshLayoutItem } from '../fresh-layout-item' export const trending: FreshLayoutItem = { name: 'trending', displayName: '热门视频', grow: true, - component: () => import('./Trending.vue').then(m => m.default), + component: defineAsyncComponent(() => import('./Trending.vue')), }