Paquete astro-intlayer

El paquete astro-intlayer proporciona las herramientas necesarias para integrar Intlayer en aplicaciones Astro. Configura el enrutamiento basado en locales, la gestión de diccionarios, la reescritura de páginas en tiempo de compilación, el middleware de solicitudes y los hooks para acceder al contenido multilingüe tanto en componentes .astro renderizados en el servidor como en scripts del lado del cliente.

Instalación

npm install astro-intlayer

Exportaciones

Integración

El paquete astro-intlayer proporciona una integración de Astro que configura Intlayer en tu proyecto.

Importación:

import { intlayer } from "astro-intlayer";

o importación por defecto en astro.config.mjs:

import { defineConfig } from "astro/config";
import intlayer from "astro-intlayer";

export default defineConfig({
  integrations: [intlayer()],
});

Hooks (Servidor y Cliente)

Importación:

import { useIntlayer, useDictionary, useLocale } from "astro-intlayer";

Middleware (astro-intlayer/middleware)

Importación:

import { onRequest } from "astro-intlayer/middleware";

Utilidades

Importación:

import { getIntlayerLocals } from "astro-intlayer";

Utilidades de Cliente (astro-intlayer/client)

Importación:

import {
  useIntlayer,
  useDictionary,
  useDictionaryDynamic,
  useLocale,
  useLocaleStorage,
  useLocaleCookie,
  getIntlayer,
  getDictionary,
  installIntlayer,
  setLocaleInStorage,
  setLocaleCookie,
  localeInStorage,
  localeCookie,
} from "astro-intlayer/client";

Cuando se importa en el navegador o dentro de etiquetas <script> del cliente, astro-intlayer se asigna automáticamente a astro-intlayer/client (impulsado por vanilla-intlayer), proporcionando getters de diccionario en el cliente, suscriptores al store y herramientas de persistencia de locale.

Formateadores (astro-intlayer/format)

Importación:

import {
  useIntl,
  useDate,
  useNumber,
  useCurrency,
  usePercentage,
  useRelativeTime,
  useList,
  useUnit,
  useCompact,
} from "astro-intlayer/format";

Utilidades HTML (astro-intlayer/html)

Importación:

import { renderHTML, useHTML, useHTMLRenderer } from "astro-intlayer/html";

Utilidades Markdown (astro-intlayer/markdown)

Importación:

import {
  compileMarkdown,
  renderMarkdown,
  parseMarkdown,
  useMarkdown,
  useMarkdownRenderer,
} from "astro-intlayer/markdown";

Tipos

Importación:

import type {
  IntlayerLocals,
  UseLocaleProps,
  UseLocaleResult,
} from "astro-intlayer";