gt-next Lint
适用于 gt-next 组件的 ESLint 插件。
GT Next Lint
该功能目前为 Alpha 版本，后续可能调整或变更。
用于检测 gt-next 组件中常见翻译错误的 ESLint 插件。
安装
npm install --save-dev @generaltranslation/gt-next-lint配置
将以下内容添加到你的 eslint.config.mjs：
import gtNext from "@generaltranslation/gt-next-lint";
export default [
{
plugins: { 'gt-next': gtNext },
rules: {
'gt-next/no-dynamic-jsx': 'warn',
'gt-next/no-dynamic-string': 'warn',
},
},
];规则
no-dynamic-jsx
将动态内容用 <T> 组件和变量组件包裹起来。
// ❌ 错误
<T>Hello {userName}!</T>
// ✅ 正确
<T>Hello <Var>{userName}</Var>!</T>no-dynamic-string
仅允许在翻译函数中使用字符串字面量。
const t = useGT();
// ❌ 错误
t(`Hello ${name}`)
t('Hello ' + name)
// ✅ 正确
t('Hello, {name}!', { name })支持的组件
<Var>- 变量<DateTime>- 日期<Num>- 数字<Currency>- 货币
支持的函数
useGT- 客户端侧翻译
这份指南怎么样？