Vue

型別安全

本頁說明如何在 Vue 專案中啟用 Intor 的型別安全機制。

詳見：型別安全

整合步驟

沿用 Vue 快速開始的翻譯內容結構。

透過 CLI 的 generate 指令產生型別定義。
指定 defaultLocale 對應的翻譯內容檔案，作為型別推導的基準來源。

npx intor-cli generate --message-file messages/en/index.json

若翻譯內容直接定義於設定檔中 (Static Import)，或透過 Loader 載入，CLI 皆可自動推導翻譯來源，無需額外指定翻譯內容檔案。
npx intor-cli generate

執行完成後，專案根目錄將產生 .intor 目錄，其中包含由翻譯內容推導出的型別定義。

調整 tsconfig.app.json，將 .intor/**/*.d.ts 加入 include，
以確保 TypeScript 能正確載入產生的型別：

tsconfig.app.json
M


{
  // ...
  "include": [
    // ...
    ".intor/**/*.d.ts"
  ]
}