Page header & footer

The service header and footer, with a neutral identity slot and a trilingual language switcher.

Service header (with language switcher)

Show code

<DsmuHeader service-name="Apply for a permit" :nav="nav">
  <template #emblem><!-- an authorised body places its lawful emblem here --></template>
  <template #actions>
    <DsmuLanguageSwitcher :languages="languages" current="en" />
  </template>
</DsmuHeader>

Footer

Show code

<DsmuFooter :links="footerLinks">
  An independent project. Code MIT, documentation CC-BY-4.0.
</DsmuFooter>

No national symbols are shipped

The header exposes an empty #emblem slot, shown as a dashed placeholder. The national flag, coat of arms and seal are legally protected and are deliberately kept out of this project — an authorised government body places its lawful emblem in that slot in its own deployment.

Trilingual by design

The language switcher marks the current language with aria-current and sets the correct lang / hreflang on each option — for English, French and Mauritian Kreol (mfe).