39 lines
1.4 KiB
TypeScript
39 lines
1.4 KiB
TypeScript
|
import type { SectionBlock, SectionConfig } from '~/types/site';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 区块内容多语言解析
|
||
|
|
*
|
||
|
|
* Section 的各文本字段均有 _zh / _en 两个版本，
|
||
|
|
* 该 composable 根据当前语言返回对应的值，避免各布局组件重复判断。
|
||
|
|
*/
|
||
|
|
export function useSectionContent(section: SectionBlock) {
|
||
|
|
const { locale } = useI18n();
|
||
|
|
const isEn = computed(() => locale.value === 'en');
|
||
|
|
|
||
|
|
const overline = computed(() => (isEn.value ? section.overline_en : section.overline_zh) || '');
|
||
|
|
const title = computed(() => (isEn.value ? section.title_en : section.title_zh) || '');
|
||
|
|
const subtitle = computed(() => (isEn.value ? section.subtitle_en : section.subtitle_zh) || '');
|
||
|
|
const content = computed(() => (isEn.value ? section.content_en : section.content_zh) || '');
|
||
|
|
const ctaPrimaryText = computed(() => (isEn.value ? section.cta_primary_en : section.cta_primary_zh) || '');
|
||
|
|
const ctaSecondaryText = computed(() => (isEn.value ? section.cta_secondary_en : section.cta_secondary_zh) || '');
|
||
|
|
const mediaUrl = computed(() => (isEn.value ? section.media_url_en : section.media_url_zh) || section.media_url_zh || '');
|
||
|
|
|
||
|
|
const config = computed<SectionConfig>(() => section.config ?? {});
|
||
|
|
|
||
|
|
/** 深色主题区块 */
|
||
|
|
const isDark = computed(() => section.theme === 'dark');
|
||
|
|
|
||
|
|
return {
|
||
|
|
isEn,
|
||
|
|
overline,
|
||
|
|
title,
|
||
|
|
subtitle,
|
||
|
|
content,
|
||
|
|
ctaPrimaryText,
|
||
|
|
ctaSecondaryText,
|
||
|
|
mediaUrl,
|
||
|
|
config,
|
||
|
|
isDark
|
||
|
|
};
|
||
|
|
}
|