ai-i18n

    Vue 3 示例

    Vue 3 集成演示

    示例提供两个 Tab：

    • Setup + lang="ts"：新组件的推荐写法。从 virtual:ai-i18n 显式导入的 t() 同时用于 script 与 template，useI18n() 只读取 currentLang、加载状态与切换 action； 预声明响应式文案使用 tRef()。
    • 纯 Options API：不使用 setup()。通过 i18nComputed() 暴露响应式状态， tComputed() 创建响应式文案；显式导入的 t() 通过 methods: { t } 暴露给 template。

    两个 Tab 共用同一个 Runtime。任一 Tab 切换语言后，另一个 Tab 的文案、当前语言与加载状态 会同步更新；加载失败也会保留当前语言并展示共享错误状态。

    Vue 3 集成演示

    单独打开 ↗

    配置步骤和组件库 locale 同步见 Vue 快速上手。