← All @molecule/* packages · App templates

@molecule/app-locales-notifications-page

Translations · i18n · App (browser) · v1.0.1 · Apache-2.0

Translations for @molecule/app-notifications-page-react in 79 languages

npm install @molecule/app-locales-notifications-page

npm · Source on GitHub

How it works

@molecule/app-locales-notifications-page carries the translations for the i18n package on the app (browser) side. Install it beside that package and the i18n core picks the strings up by locale.

import { af, am, ar } from '@molecule/app-locales-notifications-page'
import type {
  NotificationsPageTranslationKey,
  NotificationsPageTranslations,
} from '@molecule/app-locales-notifications-page'

Works with: @molecule/app-i18n

Reference

Auto-generated, AI-first package reference for the molecule.dev ecosystem. It is written to be read by coding agents as much as by people, and is generated from this package's source — edit src/index.ts JSDoc, not this file.

Companion locale bond for @molecule/app-notifications-page-react.

Provides 79-language translations for the notifications page UI strings (header, filter chips, empty state, pagination, mark-all-read action).

Purpose

Provides translations for the @molecule/app-notifications-page-react package which has 15 translation keys.

Languages

79 languages supported: af, am, ar, az, be, bg, bn, bs, ca, cs, cy, da, de, el, en, es, et, eu, fa, fi, fil, fr, ga, gl, gu, ha, he, hi, hr, hu, hy, id, ig, is, it, ja, ka, kk, km, kn, ko, ky, lo, lt, lv, mk, ml, mn, mr, ms, mt, my, nb, ne, nl, pa, pl, pt, ro, ru, si, sk, sl, sq, sr, sv, sw, ta, te, th, tr, uk, ur, uz, vi, yo, zh, zh-TW, zu.

Quick Start

import { af, am, ar } from '@molecule/app-locales-notifications-page'
import type {
  NotificationsPageTranslationKey,
  NotificationsPageTranslations,
} from '@molecule/app-locales-notifications-page'

Registration

In an mlcl-scaffolded app, installed locale bonds are registered automatically by the app's i18n setup at startup — installing this package is normally all you need. To register manually (or in a custom app), pass the whole module to registerLocaleModule from @molecule/app-i18n at startup:

import { registerLocaleModule } from '@molecule/app-i18n'
import * as locales from '@molecule/app-locales-notifications-page'

registerLocaleModule(locales)

Editing translations

en.ts is the canonical key set — every other language file mirrors its keys. To change or add strings, edit the locale files in this package (add new keys to en.ts first) or merge overrides at runtime with addTranslations(locale, map). Never hand-write translations inline in feature code: features call t(key, values, { defaultValue }) and THIS bond supplies the translations — inline strings bypass every other language.

Translation Keys

KeyEnglish
notificationsPage.titleNotifications
notificationsPage.markAllReadMark {{count}} as read
notificationsPage.filterAllAll
notificationsPage.filterUnreadUnread
notificationsPage.filterMentionsMentions
notificationsPage.filterAriaLabelFilter notifications
notificationsPage.feedAriaLabelNotifications
notificationsPage.loadingLoading notifications…
notificationsPage.errorCould not load notifications.
notificationsPage.emptyTitleYou’re all caught up
notificationsPage.emptyBodyNew notifications will appear here.
notificationsPage.paginationAriaLabelPagination
notificationsPage.pageOfPage {{current}} of {{total}}
notificationsPage.prevPrevious
notificationsPage.nextNext

Metadata

  • Type: locales
  • Category: i18n
  • Stack: app
  • Translates: @molecule/app-notifications-page-react