const singleLanguageLink: Translatable<MainLink> = {
label: 'Home',
href: 'https://www.example.com',
};
const multiLanguageLink: Translatable<MainLink> = {
nl: {
label: 'Startpagina',
href: 'https://www.example.com/nl',
},
en: {
label: 'Home',
href: 'https://www.example.com/en',
},
fr: {
label: 'Accueil',
href: 'https://www.example.com/fr',
},
de: {
label: 'Startseite',
href: 'https://www.example.com/de',
},
};
globalHeaderClient.setMainLinks([singleLanguageLink]);
// or
globalHeaderClient.setMainLinks([multiLanguageLink]);
The
Translatable<T>type allows an object to either be a single value or a language-specific dictionary. This is useful when content needs to be available in multiple languages.