SuperAPI AI 工具集

intlayer-solid-js

通用与其它

查看项目

更新于 10-15 17:23

技能介绍

用途:把 Intlayer 国际化方案接入 SolidJS 组件,适合需要为 SolidJS 应用搭建多语言、创建可翻译组件的场景。

核心理念:采用组件级内容声明,而非单一庞大的全局翻译文件。内容写在组件旁的 *.content.ts 文件中。

工作流:创建可翻译组件需要两个文件——声明文件(如 myComponent.content.ts)定义字典;实现文件(如 MyComponent.tsx)使用 useIntlayer 钩子。

声明内容:在内容文件中用 t() 定义翻译,key 必须唯一,并与传给 useIntlayer() 的值一致。示例结构为 import { t, type Dictionary } from "intlayer"; 后导出含 key 与 content 的对象,content 内用 t({ en: "Welcome", fr: "Bienvenue", es: "Hola" })。

使用方式:从 solid-intlayer 导入 useIntlayer。在 Solid 中该钩子返回访问器函数(如 content()),必须调用该函数才能获取响应式内容。渲染文本用 content().text;需要字符串时用 .value,例如 img 的 src 与 alt 使用 content().text.value。

环境与包:资料列出 Vite and Solid 环境,以及 Solid Intlayer Exports 包。

限制:资料未提供安装命令、版本要求、配置细节、收费与价格信息,这些暂未提供。