diff --git a/docs/getting-started/localization.md b/docs/getting-started/localization.md index 7ad594f35..df1ca4362 100644 --- a/docs/getting-started/localization.md +++ b/docs/getting-started/localization.md @@ -16,8 +16,6 @@ Components can be localized by importing the appropriate translation file and se Through the magic of a mutation observer, changing the `lang` attribute will automatically update all localized components to use the new locale. -?> Shoelace provides a localization mechanism for component internals. This is not designed to be used as localization tool for your entire application. You should use a more appropriate tool such as [i18next](https://www.i18next.com/) if you need to localize content in your app. - ## Available Translations Shoelace ships with a number of translations. The default is English (US), which also serves as the fallback locale. As such, you do not need to import the English translation. To see a list of all available translations in the latest version, [refer to this directory](https://github.com/shoelace-style/shoelace/tree/current/src/translations). @@ -55,6 +53,8 @@ Regional translations are welcome! For example, if a German translation (`de`) e If you have any questions, please start a [discussion](https://github.com/shoelace-style/shoelace/discussions) or ask in the [community chat](https://discord.gg/mg8f26C). +?> Shoelace provides a localization mechanism for component internals. This is not designed to be used as localization tool for your entire application. You should use a more appropriate tool such as [i18next](https://www.i18next.com/) if you need to localize content in your app. + ## Multiple Locales Per Page You can use a different locale for an individual component by setting its `lang` attribute. Here's a contrived example to demonstrate.