Gói astro-intlayer

Gói astro-intlayer cung cấp các công cụ cần thiết để tích hợp Intlayer vào các ứng dụng Astro. Nó cấu hình định tuyến dựa trên ngôn ngữ, quản lý từ điển, viết lại trang trong quá trình build, middleware xử lý yêu cầu và các hook để truy cập nội dung đa ngôn ngữ trên cả các thành phần .astro được render trên máy chủ và các script phía client.

Cài đặt

npm install astro-intlayer

Các bản xuất (Exports)

Tích hợp (Integration)

Gói astro-intlayer cung cấp tích hợp Astro để thiết lập Intlayer trong dự án của bạn.

Nhập (Import):

import { intlayer } from "astro-intlayer";

hoặc nhập mặc định trong astro.config.mjs:

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

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

Hooks (Máy chủ & Client)

Nhập (Import):

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

Middleware (astro-intlayer/middleware)

Nhập (Import):

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

Tiện ích (Utilities)

Nhập (Import):

import { getIntlayerLocals } from "astro-intlayer";

Tiện ích Client (astro-intlayer/client)

Nhập (Import):

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

Khi được nhập trong trình duyệt hoặc bên trong thẻ <script> của client, astro-intlayer tự động ánh xạ tới astro-intlayer/client (được cung cấp bởi vanilla-intlayer), cung cấp các hàm lấy từ điển phía client, bộ lắng nghe store và các công cụ lưu trữ ngôn ngữ.

Trình định dạng (astro-intlayer/format)

Nhập (Import):

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

Tiện ích HTML (astro-intlayer/html)

Nhập (Import):

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

Tiện ích Markdown (astro-intlayer/markdown)

Nhập (Import):

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

Kiểu dữ liệu (Types)

Nhập (Import):

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