@magic-modules/language-switch

this is the @magic-modules LanguageSwitch component. It provides a language switch menu.

installation

npm install @magic-modules/language-switch

usage

hoist in config.mjs:

// /src/config.mjsexport default {  HOIST: ['LanguageSwitch'],}

caveat

please note that this module will not change anything about the menu.

i built it to use it on my page jaeh.at, which does not have a menu.

pages

create your languages in the pages directory, for example:

/pages/  index.mjs // english page  /de/    index.mjs // german page

state

LanguageSwitch needs to know about the languages in your app.

// /assets/app.mjsexport const state = {  // ... other app state  languages: [    // the first language is the default fallback    { code: 'en', to: '/', text: 'english' },    { code: 'de', to: '/de/', text: 'deutsch' },  ],}

thats it, your magic app now knows about your languages

source

the source for this page is in the example directory and gets built and published to github using @magic/core