enhancement: Access to attributes

[85oski]

Hi, I have this en.ftl file:

categories = Categories
    .main = Main page
    .about-me = About me

When I try to get the content of e.g. categories.main via t!("categories.main"), I get an error in the console saying that no message with this id was found (message id not found for key: 'categories.main').

Is there a way to get the content of this translation? Or maybe I'm doing it the wrong way? Thank you in advance

[marc2332]

What is home supposed to be? Its not included in your en.ftl

[85oski]

@marc2332 Sorry. I meant categories.main.

[marc2332]

@85oski I think your fluent code is just wrong, this works:

categories =
    { $cat ->
        [main] Main page
        [about-me] About me
       *[default] Other
    }

let mut cat = use_signal(|| "main");

rsx!(
    p { { t!("categories", cat: *cat.read()) } }
    button {
        onclick: move |_| cat.set("main"),
        "Main"
    }
    button {
        onclick: move |_| cat.set("about-me"),
        "About Me"
    }
)

[85oski]

@marc2332 I wanted to use this syntax: https://projectfluent.org/fluent/guide/attributes.html.

I wanted to create a navigation bar with an h1 header with the content t!("categories") (Categories) and a list with links to various subpages, i.e. t!("categories.main") (Main page) and t!("categories.about-me") (About me). Sample code:

rsx! {
        div {
            h1 { {t!("categories")} }
            ul {
                li {
                    Link {
                        to: todo!(),
                        {t!("categories.main")}
                    }
                }
                li {
                    Link {
                        to: todo!(),
                        {t!("categories.about-me")}
                    }
                }
            }
        }
    }

[marc2332]

@marc2332 I wanted to use this syntax: https://projectfluent.org/fluent/guide/attributes.html.

I wanted to create a navigation bar with an h1 header with the content t!("categories") (Categories) and a list with links to various subpages, i.e. t!("categories.main") (Main page) and t!("categories.about-me") (About me). Sample code:

rsx! {
div {
h1 { {t!("categories")} }
ul {
li {
Link {
to: todo!(),
{t!("categories.main")}
}
}
li {
Link {
to: todo!(),
{t!("categories.about-me")}
}
}
}
}
}

We don't support an easy access to the attributes, but anyway, you are using the wrong abstraction. Attributes are not variants, and what you want is precisely variants, I suggest you code I provided above

[85oski]

@marc2332 Okay, thank you. I will try to use the solution you suggested.