I18nProvider

Gives the parts inside it a locale and its direction.

<script>
  import I18nProvider from '@brumate/ui/I18nProvider.brm';
  import Label from '@brumate/ui/Label.brm';
  import Meter from '@brumate/ui/Meter.brm';
</script>

<I18nProvider locale="ar-EG">
  <div dir="rtl" lang="ar-EG">
    <Meter class="ui-bar" value=(72)><Label>المساحة المستخدمة</Label></Meter>
  </div>
</I18nProvider>

• locale is a language tag, such as ar-EG. The default is en-US, so the server and the browser format numbers the same way.
• The direction comes from the script of the locale. A Toolbar turns its arrow keys around right to left, and a Popover reads start and end in it.
• It renders only its children. Put lang and dir on an element yourself, such as <html>.