50 lines
1.7 KiB
JavaScript
50 lines
1.7 KiB
JavaScript
import { computed } from 'vue';
|
|
import { useUISettings } from './useUISettings';
|
|
import { useAccount } from './useAccount';
|
|
|
|
/**
|
|
* Select translation based on locale priority.
|
|
* @param {Object} translations - Translations object with locale keys
|
|
* @param {string} agentLocale - Agent's preferred locale
|
|
* @param {string} accountLocale - Account's default locale
|
|
* @returns {string|null} Selected translation or null
|
|
*/
|
|
export function selectTranslation(translations, agentLocale, accountLocale) {
|
|
if (!translations || Object.keys(translations).length === 0) return null;
|
|
|
|
if (agentLocale && translations[agentLocale]) {
|
|
return translations[agentLocale];
|
|
}
|
|
if (accountLocale && translations[accountLocale]) {
|
|
return translations[accountLocale];
|
|
}
|
|
return translations[Object.keys(translations)[0]];
|
|
}
|
|
|
|
/**
|
|
* Composable to extract translation state/content from contentAttributes.
|
|
* @param {Ref|Reactive} contentAttributes - Ref or reactive object containing `translations` property
|
|
* @returns {Object} { hasTranslations, translationContent }
|
|
*/
|
|
export function useTranslations(contentAttributes) {
|
|
const { uiSettings } = useUISettings();
|
|
const { currentAccount } = useAccount();
|
|
|
|
const hasTranslations = computed(() => {
|
|
if (!contentAttributes.value) return false;
|
|
const { translations = {} } = contentAttributes.value;
|
|
return Object.keys(translations || {}).length > 0;
|
|
});
|
|
|
|
const translationContent = computed(() => {
|
|
if (!hasTranslations.value) return null;
|
|
return selectTranslation(
|
|
contentAttributes.value.translations,
|
|
uiSettings.value?.locale,
|
|
currentAccount.value?.locale
|
|
);
|
|
});
|
|
|
|
return { hasTranslations, translationContent };
|
|
}
|