i18n.en-US.f410c419.js 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425
  1. import{_ as t,a,q as s,k as d}from"./index.3fe853a6.js";const e={pageData:{title:"Internationalization",description:"",frontmatter:{},headers:[{level:2,title:"ConfigProvider",slug:"ConfigProvider",content:"ant-design-vue provides a Vue Component [ConfigProvider](/components/config-provider) for configuring ant-design-vue locale text globally."}],relativePath:"site/src/vueDocs/i18n.en-US.md",content:`# Internationalization
  2. The default language is English as of yet. If you want to use other languages, you can follow the instructions below.
  3. ## ConfigProvider
  4. ant-design-vue provides a Vue Component [ConfigProvider](/components/config-provider) for configuring ant-design-vue locale text globally.
  5. ConfigProvider does not include the internationalization of time components. You need to additionally import the internationalization files of the time library (dayjs, momentjs, date-fns, etc.). Below we have taken dayjs as an example.
  6. \`\`\`html
  7. <template>
  8. <a-config-provider :locale="locale">
  9. <App />
  10. </a-config-provider>
  11. </template>
  12. <script>
  13. import zhCN from 'ant-design-vue/es/locale/zh_CN';
  14. import dayjs from 'dayjs';
  15. import 'dayjs/locale/zh-cn';
  16. dayjs.locale('zh-cn');
  17. export default {
  18. data() {
  19. return {
  20. locale: zhCN,
  21. };
  22. },
  23. };
  24. </script>
  25. \`\`\`
  26. Note: \`fr_FR\` is the filename, follow below.
  27. Supported languages:
  28. | Language | Filename |
  29. | ------------------------ | -------- |
  30. | Arabic | ar_EG |
  31. | Azerbaijani | az_AZ |
  32. | Bulgarian | bg_BG |
  33. | Bangla (Bangladesh) | bn_BD |
  34. | Belarusian | by_BY |
  35. | Catalan | ca_ES |
  36. | Czech | cs_CZ |
  37. | Danish | da_DK |
  38. | German | de_DE |
  39. | Greek | el_GR |
  40. | English (United Kingdom) | en_GB |
  41. | English | en_US |
  42. | Spanish | es_ES |
  43. | Estonian | et_EE |
  44. | Persian | fa_IR |
  45. | Finnish | fi_FI |
  46. | French (Belgium) | fr_BE |
  47. | French (Canada) | fr_CA |
  48. | French (France) | fr_FR |
  49. | Irish (Ireland) | ga_IE |
  50. | Galician (Spain) | gl_ES |
  51. | Hebrew | he_IL |
  52. | Hindi | hi_IN |
  53. | Croatian | hr_HR |
  54. | Hungarian | hu_HU |
  55. | Armenian | hy_AM |
  56. | Indonesian | id_ID |
  57. | Italian | it_IT |
  58. | Icelandic | is_IS |
  59. | Japanese | ja_JP |
  60. | Georgian | ka_GE |
  61. | Kurdish (Kurmanji) | kmr_IQ |
  62. | Kannada | kn_IN |
  63. | Kazakh | kk_KZ |
  64. | Khmer | km_KH |
  65. | Korean | ko_KR |
  66. | Lithuanian | lt_LT |
  67. | Latvian | lv_LV |
  68. | Macedonian | mk_MK |
  69. | Malayalam (India) | ml_IN |
  70. | Mongolian | mn_MN |
  71. | Malay (Malaysia) | ms_MY |
  72. | Norwegian | nb_NO |
  73. | Nepal | ne_NP |
  74. | Dutch (Belgium) | nl_BE |
  75. | Dutch | nl_NL |
  76. | Polish | pl_PL |
  77. | Portuguese (Brazil) | pt_BR |
  78. | Portuguese | pt_PT |
  79. | Romanian | ro_RO |
  80. | Russian | ru_RU |
  81. | Slovak | sk_SK |
  82. | Serbian | sr_RS |
  83. | Slovenian | sl_SI |
  84. | Swedish | sv_SE |
  85. | Tamil | ta_IN |
  86. | Thai | th_TH |
  87. | Turkish | tr_TR |
  88. | Urdu (Pakistan) | ur_PK |
  89. | Ukrainian | uk_UA |
  90. | Vietnamese | vi_VN |
  91. | Chinese (Simplified) | zh_CN |
  92. | Chinese (Traditional) | zh_HK |
  93. | Chinese (Traditional) | zh_TW |
  94. See usage at [ConfigProvider](/components/config-provider).
  95. `,html:`<h1 id="Internationalization">Internationalization <a class="header-anchor" href="#Internationalization">
  96. <span aria-hidden="true" class="anchor">#</span>
  97. </a></h1>
  98. <p>The default language is English as of yet. If you want to use other languages, you can follow the instructions below.</p>
  99. <h2 id="ConfigProvider">ConfigProvider <a class="header-anchor" href="#ConfigProvider">
  100. <span aria-hidden="true" class="anchor">#</span>
  101. </a></h2>
  102. <p>ant-design-vue provides a Vue Component <a href="/components/config-provider">ConfigProvider</a> for configuring ant-design-vue locale text globally.</p>
  103. <p>ConfigProvider does not include the internationalization of time components. You need to additionally import the internationalization files of the time library (dayjs, momentjs, date-fns, etc.). Below we have taken dayjs as an example.</p>
  104. <pre class="language-html" v-pre><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">></span></span>
  105. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-config-provider</span> <span class="token attr-name">:locale</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>locale<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
  106. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>App</span> <span class="token punctuation">/></span></span>
  107. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-config-provider</span><span class="token punctuation">></span></span>
  108. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">></span></span>
  109. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
  110. <span class="token keyword">import</span> zhCN <span class="token keyword">from</span> <span class="token string">'ant-design-vue/es/locale/zh_CN'</span><span class="token punctuation">;</span>
  111. <span class="token keyword">import</span> dayjs <span class="token keyword">from</span> <span class="token string">'dayjs'</span><span class="token punctuation">;</span>
  112. <span class="token keyword">import</span> <span class="token string">'dayjs/locale/zh-cn'</span><span class="token punctuation">;</span>
  113. dayjs<span class="token punctuation">.</span><span class="token function">locale</span><span class="token punctuation">(</span><span class="token string">'zh-cn'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
  114. <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
  115. <span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  116. <span class="token keyword">return</span> <span class="token punctuation">{</span>
  117. <span class="token literal-property property">locale</span><span class="token operator">:</span> zhCN<span class="token punctuation">,</span>
  118. <span class="token punctuation">}</span><span class="token punctuation">;</span>
  119. <span class="token punctuation">}</span><span class="token punctuation">,</span>
  120. <span class="token punctuation">}</span><span class="token punctuation">;</span>
  121. </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
  122. </code></pre>
  123. <p>Note: <code>fr_FR</code> is the filename, follow below.</p>
  124. <p>Supported languages:</p>
  125. <table>
  126. <thead>
  127. <tr>
  128. <th>Language</th>
  129. <th>Filename</th>
  130. </tr>
  131. </thead>
  132. <tbody>
  133. <tr>
  134. <td>Arabic</td>
  135. <td>ar_EG</td>
  136. </tr>
  137. <tr>
  138. <td>Azerbaijani</td>
  139. <td>az_AZ</td>
  140. </tr>
  141. <tr>
  142. <td>Bulgarian</td>
  143. <td>bg_BG</td>
  144. </tr>
  145. <tr>
  146. <td>Bangla (Bangladesh)</td>
  147. <td>bn_BD</td>
  148. </tr>
  149. <tr>
  150. <td>Belarusian</td>
  151. <td>by_BY</td>
  152. </tr>
  153. <tr>
  154. <td>Catalan</td>
  155. <td>ca_ES</td>
  156. </tr>
  157. <tr>
  158. <td>Czech</td>
  159. <td>cs_CZ</td>
  160. </tr>
  161. <tr>
  162. <td>Danish</td>
  163. <td>da_DK</td>
  164. </tr>
  165. <tr>
  166. <td>German</td>
  167. <td>de_DE</td>
  168. </tr>
  169. <tr>
  170. <td>Greek</td>
  171. <td>el_GR</td>
  172. </tr>
  173. <tr>
  174. <td>English (United Kingdom)</td>
  175. <td>en_GB</td>
  176. </tr>
  177. <tr>
  178. <td>English</td>
  179. <td>en_US</td>
  180. </tr>
  181. <tr>
  182. <td>Spanish</td>
  183. <td>es_ES</td>
  184. </tr>
  185. <tr>
  186. <td>Estonian</td>
  187. <td>et_EE</td>
  188. </tr>
  189. <tr>
  190. <td>Persian</td>
  191. <td>fa_IR</td>
  192. </tr>
  193. <tr>
  194. <td>Finnish</td>
  195. <td>fi_FI</td>
  196. </tr>
  197. <tr>
  198. <td>French (Belgium)</td>
  199. <td>fr_BE</td>
  200. </tr>
  201. <tr>
  202. <td>French (Canada)</td>
  203. <td>fr_CA</td>
  204. </tr>
  205. <tr>
  206. <td>French (France)</td>
  207. <td>fr_FR</td>
  208. </tr>
  209. <tr>
  210. <td>Irish (Ireland)</td>
  211. <td>ga_IE</td>
  212. </tr>
  213. <tr>
  214. <td>Galician (Spain)</td>
  215. <td>gl_ES</td>
  216. </tr>
  217. <tr>
  218. <td>Hebrew</td>
  219. <td>he_IL</td>
  220. </tr>
  221. <tr>
  222. <td>Hindi</td>
  223. <td>hi_IN</td>
  224. </tr>
  225. <tr>
  226. <td>Croatian</td>
  227. <td>hr_HR</td>
  228. </tr>
  229. <tr>
  230. <td>Hungarian</td>
  231. <td>hu_HU</td>
  232. </tr>
  233. <tr>
  234. <td>Armenian</td>
  235. <td>hy_AM</td>
  236. </tr>
  237. <tr>
  238. <td>Indonesian</td>
  239. <td>id_ID</td>
  240. </tr>
  241. <tr>
  242. <td>Italian</td>
  243. <td>it_IT</td>
  244. </tr>
  245. <tr>
  246. <td>Icelandic</td>
  247. <td>is_IS</td>
  248. </tr>
  249. <tr>
  250. <td>Japanese</td>
  251. <td>ja_JP</td>
  252. </tr>
  253. <tr>
  254. <td>Georgian</td>
  255. <td>ka_GE</td>
  256. </tr>
  257. <tr>
  258. <td>Kurdish (Kurmanji)</td>
  259. <td>kmr_IQ</td>
  260. </tr>
  261. <tr>
  262. <td>Kannada</td>
  263. <td>kn_IN</td>
  264. </tr>
  265. <tr>
  266. <td>Kazakh</td>
  267. <td>kk_KZ</td>
  268. </tr>
  269. <tr>
  270. <td>Khmer</td>
  271. <td>km_KH</td>
  272. </tr>
  273. <tr>
  274. <td>Korean</td>
  275. <td>ko_KR</td>
  276. </tr>
  277. <tr>
  278. <td>Lithuanian</td>
  279. <td>lt_LT</td>
  280. </tr>
  281. <tr>
  282. <td>Latvian</td>
  283. <td>lv_LV</td>
  284. </tr>
  285. <tr>
  286. <td>Macedonian</td>
  287. <td>mk_MK</td>
  288. </tr>
  289. <tr>
  290. <td>Malayalam (India)</td>
  291. <td>ml_IN</td>
  292. </tr>
  293. <tr>
  294. <td>Mongolian</td>
  295. <td>mn_MN</td>
  296. </tr>
  297. <tr>
  298. <td>Malay (Malaysia)</td>
  299. <td>ms_MY</td>
  300. </tr>
  301. <tr>
  302. <td>Norwegian</td>
  303. <td>nb_NO</td>
  304. </tr>
  305. <tr>
  306. <td>Nepal</td>
  307. <td>ne_NP</td>
  308. </tr>
  309. <tr>
  310. <td>Dutch (Belgium)</td>
  311. <td>nl_BE</td>
  312. </tr>
  313. <tr>
  314. <td>Dutch</td>
  315. <td>nl_NL</td>
  316. </tr>
  317. <tr>
  318. <td>Polish</td>
  319. <td>pl_PL</td>
  320. </tr>
  321. <tr>
  322. <td>Portuguese (Brazil)</td>
  323. <td>pt_BR</td>
  324. </tr>
  325. <tr>
  326. <td>Portuguese</td>
  327. <td>pt_PT</td>
  328. </tr>
  329. <tr>
  330. <td>Romanian</td>
  331. <td>ro_RO</td>
  332. </tr>
  333. <tr>
  334. <td>Russian</td>
  335. <td>ru_RU</td>
  336. </tr>
  337. <tr>
  338. <td>Slovak</td>
  339. <td>sk_SK</td>
  340. </tr>
  341. <tr>
  342. <td>Serbian</td>
  343. <td>sr_RS</td>
  344. </tr>
  345. <tr>
  346. <td>Slovenian</td>
  347. <td>sl_SI</td>
  348. </tr>
  349. <tr>
  350. <td>Swedish</td>
  351. <td>sv_SE</td>
  352. </tr>
  353. <tr>
  354. <td>Tamil</td>
  355. <td>ta_IN</td>
  356. </tr>
  357. <tr>
  358. <td>Thai</td>
  359. <td>th_TH</td>
  360. </tr>
  361. <tr>
  362. <td>Turkish</td>
  363. <td>tr_TR</td>
  364. </tr>
  365. <tr>
  366. <td>Urdu (Pakistan)</td>
  367. <td>ur_PK</td>
  368. </tr>
  369. <tr>
  370. <td>Ukrainian</td>
  371. <td>uk_UA</td>
  372. </tr>
  373. <tr>
  374. <td>Vietnamese</td>
  375. <td>vi_VN</td>
  376. </tr>
  377. <tr>
  378. <td>Chinese (Simplified)</td>
  379. <td>zh_CN</td>
  380. </tr>
  381. <tr>
  382. <td>Chinese (Traditional)</td>
  383. <td>zh_HK</td>
  384. </tr>
  385. <tr>
  386. <td>Chinese (Traditional)</td>
  387. <td>zh_TW</td>
  388. </tr>
  389. </tbody>
  390. </table>
  391. <p>See usage at <a href="/components/config-provider">ConfigProvider</a>.</p>
  392. `,lastUpdated:1748060269536}},r={class:"markdown"};function o(i,n,p,l,c,u){return d(),a("article",r,n[0]||(n[0]=[s(`<h1 id="Internationalization">Internationalization <a class="header-anchor" href="#Internationalization"><span aria-hidden="true" class="anchor">#</span></a></h1><p>The default language is English as of yet. If you want to use other languages, you can follow the instructions below.</p><h2 id="ConfigProvider">ConfigProvider <a class="header-anchor" href="#ConfigProvider"><span aria-hidden="true" class="anchor">#</span></a></h2><p>ant-design-vue provides a Vue Component <a href="/components/config-provider">ConfigProvider</a> for configuring ant-design-vue locale text globally.</p><p>ConfigProvider does not include the internationalization of time components. You need to additionally import the internationalization files of the time library (dayjs, momentjs, date-fns, etc.). Below we have taken dayjs as an example.</p><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
  393. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-config-provider</span> <span class="token attr-name">:locale</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>locale<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
  394. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>App</span> <span class="token punctuation">/&gt;</span></span>
  395. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-config-provider</span><span class="token punctuation">&gt;</span></span>
  396. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
  397. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
  398. <span class="token keyword">import</span> zhCN <span class="token keyword">from</span> <span class="token string">&#39;ant-design-vue/es/locale/zh_CN&#39;</span><span class="token punctuation">;</span>
  399. <span class="token keyword">import</span> dayjs <span class="token keyword">from</span> <span class="token string">&#39;dayjs&#39;</span><span class="token punctuation">;</span>
  400. <span class="token keyword">import</span> <span class="token string">&#39;dayjs/locale/zh-cn&#39;</span><span class="token punctuation">;</span>
  401. dayjs<span class="token punctuation">.</span><span class="token function">locale</span><span class="token punctuation">(</span><span class="token string">&#39;zh-cn&#39;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
  402. <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
  403. <span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  404. <span class="token keyword">return</span> <span class="token punctuation">{</span>
  405. <span class="token literal-property property">locale</span><span class="token operator">:</span> zhCN<span class="token punctuation">,</span>
  406. <span class="token punctuation">}</span><span class="token punctuation">;</span>
  407. <span class="token punctuation">}</span><span class="token punctuation">,</span>
  408. <span class="token punctuation">}</span><span class="token punctuation">;</span>
  409. </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
  410. </code></pre><p>Note: <code>fr_FR</code> is the filename, follow below.</p><p>Supported languages:</p><table><thead><tr><th>Language</th><th>Filename</th></tr></thead><tbody><tr><td>Arabic</td><td>ar_EG</td></tr><tr><td>Azerbaijani</td><td>az_AZ</td></tr><tr><td>Bulgarian</td><td>bg_BG</td></tr><tr><td>Bangla (Bangladesh)</td><td>bn_BD</td></tr><tr><td>Belarusian</td><td>by_BY</td></tr><tr><td>Catalan</td><td>ca_ES</td></tr><tr><td>Czech</td><td>cs_CZ</td></tr><tr><td>Danish</td><td>da_DK</td></tr><tr><td>German</td><td>de_DE</td></tr><tr><td>Greek</td><td>el_GR</td></tr><tr><td>English (United Kingdom)</td><td>en_GB</td></tr><tr><td>English</td><td>en_US</td></tr><tr><td>Spanish</td><td>es_ES</td></tr><tr><td>Estonian</td><td>et_EE</td></tr><tr><td>Persian</td><td>fa_IR</td></tr><tr><td>Finnish</td><td>fi_FI</td></tr><tr><td>French (Belgium)</td><td>fr_BE</td></tr><tr><td>French (Canada)</td><td>fr_CA</td></tr><tr><td>French (France)</td><td>fr_FR</td></tr><tr><td>Irish (Ireland)</td><td>ga_IE</td></tr><tr><td>Galician (Spain)</td><td>gl_ES</td></tr><tr><td>Hebrew</td><td>he_IL</td></tr><tr><td>Hindi</td><td>hi_IN</td></tr><tr><td>Croatian</td><td>hr_HR</td></tr><tr><td>Hungarian</td><td>hu_HU</td></tr><tr><td>Armenian</td><td>hy_AM</td></tr><tr><td>Indonesian</td><td>id_ID</td></tr><tr><td>Italian</td><td>it_IT</td></tr><tr><td>Icelandic</td><td>is_IS</td></tr><tr><td>Japanese</td><td>ja_JP</td></tr><tr><td>Georgian</td><td>ka_GE</td></tr><tr><td>Kurdish (Kurmanji)</td><td>kmr_IQ</td></tr><tr><td>Kannada</td><td>kn_IN</td></tr><tr><td>Kazakh</td><td>kk_KZ</td></tr><tr><td>Khmer</td><td>km_KH</td></tr><tr><td>Korean</td><td>ko_KR</td></tr><tr><td>Lithuanian</td><td>lt_LT</td></tr><tr><td>Latvian</td><td>lv_LV</td></tr><tr><td>Macedonian</td><td>mk_MK</td></tr><tr><td>Malayalam (India)</td><td>ml_IN</td></tr><tr><td>Mongolian</td><td>mn_MN</td></tr><tr><td>Malay (Malaysia)</td><td>ms_MY</td></tr><tr><td>Norwegian</td><td>nb_NO</td></tr><tr><td>Nepal</td><td>ne_NP</td></tr><tr><td>Dutch (Belgium)</td><td>nl_BE</td></tr><tr><td>Dutch</td><td>nl_NL</td></tr><tr><td>Polish</td><td>pl_PL</td></tr><tr><td>Portuguese (Brazil)</td><td>pt_BR</td></tr><tr><td>Portuguese</td><td>pt_PT</td></tr><tr><td>Romanian</td><td>ro_RO</td></tr><tr><td>Russian</td><td>ru_RU</td></tr><tr><td>Slovak</td><td>sk_SK</td></tr><tr><td>Serbian</td><td>sr_RS</td></tr><tr><td>Slovenian</td><td>sl_SI</td></tr><tr><td>Swedish</td><td>sv_SE</td></tr><tr><td>Tamil</td><td>ta_IN</td></tr><tr><td>Thai</td><td>th_TH</td></tr><tr><td>Turkish</td><td>tr_TR</td></tr><tr><td>Urdu (Pakistan)</td><td>ur_PK</td></tr><tr><td>Ukrainian</td><td>uk_UA</td></tr><tr><td>Vietnamese</td><td>vi_VN</td></tr><tr><td>Chinese (Simplified)</td><td>zh_CN</td></tr><tr><td>Chinese (Traditional)</td><td>zh_HK</td></tr><tr><td>Chinese (Traditional)</td><td>zh_TW</td></tr></tbody></table><p>See usage at <a href="/components/config-provider">ConfigProvider</a>.</p>`,10)]))}const _=t(e,[["render",o]]);export{_ as default};