Dirección RTL

Lang y dirección del documento

El plugin publica el idioma activo en lang y aplica dir según directions. Los idiomas sin override usan LTR.

// Dentro de las opciones del módulo:
directions: { ar: 'rtl' }

// Dentro de un componente:
const i18n = useI18n()
i18n.switchLocale('ar')

/* CSS con propiedades lógicas */
.content {
  padding-inline: 1.5rem;
  margin-inline: auto;
  text-align: start;
}

Propiedades lógicas

Usa padding-inline, margin-inline y text-align: start para que el layout siga la dirección del contenido. UIContainer ya usa márgenes y padding lógicos.

En este sitio el shell documental usa el idioma de la página en LTR (español en el laboratorio árabe), mientras el resultado del laboratorio declara el idioma y la dirección del catálogo. Así puedes leer las instrucciones y comprobar el bloque árabe en RTL.