1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83
//! # i18n
//!
//! You may add i18n (localization) support to your Freya app by using the [**dioxus-i18n**](https://github.com/dioxus-community/dioxus-i18n) crate.
//!
//! ```fluent
//! # en-US.ftl
//!
//! hello_world = Hello, World!
//! hello = Hello, {$name}!
//! ```
//!
//!
//! ```fluent
//! # es-ES.ftl
//!
//! hello_world = Hola, Mundo!
//! hello = Hola, {$name}!
//! ```
//!
//! ```rust
//! # use freya::prelude::*;
//! # use dioxus_i18n::{prelude::*, t};
//! # use dioxus_i18n::unic_langid::langid;
//!
//! // main.rs
//!
//! fn main() {
//! # return;
//! launch(app);
//! }
//!
//! #[allow(non_snake_case)]
//! fn Body() -> Element {
//! // Access to the i18n state
//! let mut i18n = i18n();
//!
//! // Update the current language
//! let change_to_english = move |_| i18n.set_language(langid!("en-US"));
//! let change_to_spanish = move |_| i18n.set_language(langid!("es-ES"));
//!
//! rsx!(
//! rect {
//! rect {
//! direction: "horizontal",
//! Button {
//! onpress: change_to_english,
//! label {
//! "English"
//! }
//! }
//! Button {
//! onpress: change_to_spanish,
//! label {
//! "Spanish"
//! }
//! }
//! }
//!
//! // Get and subscribe to these messages
//! label { { t!("hello_world") } }
//! label { { t!("hello", name: "Dioxus") } }
//! }
//! )
//! }
//!
//! fn app() -> Element {
//! // Initialize our i18n config
//! use_init_i18n(|| {
//! # return I18nConfig::new(langid!("en-US"));
//! I18nConfig::new(langid!("en-US"))
//! .with_locale(Locale::new_static(
//! langid!("en-US"),
//! include_str!("./en-US.ftl"),
//! ))
//! .with_locale(Locale::new_dynamic(
//! langid!("es-ES"),
//! "./es-ES.ftl",
//! ))
//! });
//!
//! rsx!(Body {})
//! }
//! ```