Localized Date, Datetime, Time, and Number

[kulturbande]

I'm currently evaluating this lib as a i18n - solution and I have quit offen the case, that I want to localize a date or a number. I'm currently solving this with an additional store, like this one:

export const datetime = derived(locale, ($locale) => (date, option: Intl.DateTimeFormatOptions = {}) => {
    if (!(date instanceof Date)) {
        date = new Date(date);
    }
    return new Intl.DateTimeFormat($locale, option).format(date);
});

and call it in Svelte:

<span>{$datetime(createdAt)}</span>

Are you likly to add these functionality? If yes, I could also provide one (or multiple) Pull Requests.

[jarda-svoboda]

Hi @kulturbande!

This functionality is already included in @sveltekit-i18n/parser-default.

As you can see in the parser-default example you can use modifiers (defined here and used here) to get what you need.) If build-in modifiers do not fit your needs, you can even create your own!:)

You can use either @sveltekit-i18n/base together with @sveltekit-i18n/parser-default (as presented in the example) or simply sveltekit-i18n which basically glues these two packages together.

Hope it will help.)

PS: If you'd rather use ICU message syntax take a look at @sveltekit-i18n/parser-icu – example here – it provides number and date formatters as well.

[kulturbande]

I do like the idea of modifiers (a little bit like pipes in Angular). In my case the values are in a table without further content (only the value itself). But I can do what I want. Maybe I go with the modifieres, maybe I'm writing my own derived stores.

I do like your lib. Especially the interface, that the stores e.g. $t are pointing to a project owned translation file.