i18n.en-US.88532a6c.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261
  1. import{_ as t,a,n as s,k as e}from"./index.c1b9962e.js";const o={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:"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. \`\`\`html
  6. <template>
  7. <a-config-provider :locale="locale">
  8. <App />
  9. </a-config-provider>
  10. </template>
  11. <script>
  12. import zhCN from 'ant-design-vue/es/locale/zh_CN';
  13. export default {
  14. data() {
  15. return {
  16. locale: zhCN,
  17. };
  18. },
  19. };
  20. </script>
  21. \`\`\`
  22. Note: \`fr_FR\` is the filename, follow below.
  23. Supported languages:
  24. | Language | Filename |
  25. | --------------------- | -------- |
  26. | Arabic | ar_EG |
  27. | Bulgarian | bg_BG |
  28. | Catalan | ca_ES |
  29. | Czech | cs_CZ |
  30. | German | de_DE |
  31. | Greek | el_GR |
  32. | English (Global) | en_GB |
  33. | English | en_US |
  34. | Spanish | es_ES |
  35. | Estonian | et_EE |
  36. | Persian | fa_IR |
  37. | Finnish | fi_FI |
  38. | French (Belgium) | fr_BE |
  39. | French (France) | fr_FR |
  40. | Italian | it_IT |
  41. | Icelandic | is_IS |
  42. | Japanese | ja_JP |
  43. | Korean | ko_KR |
  44. | Norwegian | nb_NO |
  45. | Dutch (Belgium) | nl_BE |
  46. | Dutch | nl_NL |
  47. | Polish | pl_PL |
  48. | Portuguese (Brazil) | pt_BR |
  49. | Portuguese | pt_PT |
  50. | Slovak | sk_SK |
  51. | Serbian | sr_RS |
  52. | Slovenian | sl_SI |
  53. | Swedish | sv_SE |
  54. | Thai | th_TH |
  55. | Turkish | tr_TR |
  56. | Russian | ru_RU |
  57. | Ukrainian | uk_UA |
  58. | Vietnamese | vi_VN |
  59. | Chinese (Simplified) | zh_CN |
  60. | Chinese (Traditional) | zh_TW |
  61. See usage at [ConfigProvider](/components/config-provider).
  62. `,html:`<h1 id="internationalization">Internationalization</h1>
  63. <p>The default language is English as of yet. If you want to use other languages, you can follow the instructions below.</p>
  64. <h2 id="configprovider">ConfigProvider</h2>
  65. <p>ant-design-vue provides a Vue Component <a href="/components/config-provider.html">ConfigProvider</a> for configuring ant-design-vue locale text globally.</p>
  66. <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>
  67. <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>
  68. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>App</span> <span class="token punctuation">/></span></span>
  69. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-config-provider</span><span class="token punctuation">></span></span>
  70. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">></span></span>
  71. <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">
  72. <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>
  73. <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
  74. <span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  75. <span class="token keyword">return</span> <span class="token punctuation">{</span>
  76. <span class="token literal-property property">locale</span><span class="token operator">:</span> zhCN<span class="token punctuation">,</span>
  77. <span class="token punctuation">}</span><span class="token punctuation">;</span>
  78. <span class="token punctuation">}</span><span class="token punctuation">,</span>
  79. <span class="token punctuation">}</span><span class="token punctuation">;</span>
  80. </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
  81. </code></pre>
  82. <p>Note: <code>fr_FR</code> is the filename, follow below.</p>
  83. <p>Supported languages:</p>
  84. <table>
  85. <thead>
  86. <tr>
  87. <th>Language</th>
  88. <th>Filename</th>
  89. </tr>
  90. </thead>
  91. <tbody>
  92. <tr>
  93. <td>Arabic</td>
  94. <td>ar_EG</td>
  95. </tr>
  96. <tr>
  97. <td>Bulgarian</td>
  98. <td>bg_BG</td>
  99. </tr>
  100. <tr>
  101. <td>Catalan</td>
  102. <td>ca_ES</td>
  103. </tr>
  104. <tr>
  105. <td>Czech</td>
  106. <td>cs_CZ</td>
  107. </tr>
  108. <tr>
  109. <td>German</td>
  110. <td>de_DE</td>
  111. </tr>
  112. <tr>
  113. <td>Greek</td>
  114. <td>el_GR</td>
  115. </tr>
  116. <tr>
  117. <td>English (Global)</td>
  118. <td>en_GB</td>
  119. </tr>
  120. <tr>
  121. <td>English</td>
  122. <td>en_US</td>
  123. </tr>
  124. <tr>
  125. <td>Spanish</td>
  126. <td>es_ES</td>
  127. </tr>
  128. <tr>
  129. <td>Estonian</td>
  130. <td>et_EE</td>
  131. </tr>
  132. <tr>
  133. <td>Persian</td>
  134. <td>fa_IR</td>
  135. </tr>
  136. <tr>
  137. <td>Finnish</td>
  138. <td>fi_FI</td>
  139. </tr>
  140. <tr>
  141. <td>French (Belgium)</td>
  142. <td>fr_BE</td>
  143. </tr>
  144. <tr>
  145. <td>French (France)</td>
  146. <td>fr_FR</td>
  147. </tr>
  148. <tr>
  149. <td>Italian</td>
  150. <td>it_IT</td>
  151. </tr>
  152. <tr>
  153. <td>Icelandic</td>
  154. <td>is_IS</td>
  155. </tr>
  156. <tr>
  157. <td>Japanese</td>
  158. <td>ja_JP</td>
  159. </tr>
  160. <tr>
  161. <td>Korean</td>
  162. <td>ko_KR</td>
  163. </tr>
  164. <tr>
  165. <td>Norwegian</td>
  166. <td>nb_NO</td>
  167. </tr>
  168. <tr>
  169. <td>Dutch (Belgium)</td>
  170. <td>nl_BE</td>
  171. </tr>
  172. <tr>
  173. <td>Dutch</td>
  174. <td>nl_NL</td>
  175. </tr>
  176. <tr>
  177. <td>Polish</td>
  178. <td>pl_PL</td>
  179. </tr>
  180. <tr>
  181. <td>Portuguese (Brazil)</td>
  182. <td>pt_BR</td>
  183. </tr>
  184. <tr>
  185. <td>Portuguese</td>
  186. <td>pt_PT</td>
  187. </tr>
  188. <tr>
  189. <td>Slovak</td>
  190. <td>sk_SK</td>
  191. </tr>
  192. <tr>
  193. <td>Serbian</td>
  194. <td>sr_RS</td>
  195. </tr>
  196. <tr>
  197. <td>Slovenian</td>
  198. <td>sl_SI</td>
  199. </tr>
  200. <tr>
  201. <td>Swedish</td>
  202. <td>sv_SE</td>
  203. </tr>
  204. <tr>
  205. <td>Thai</td>
  206. <td>th_TH</td>
  207. </tr>
  208. <tr>
  209. <td>Turkish</td>
  210. <td>tr_TR</td>
  211. </tr>
  212. <tr>
  213. <td>Russian</td>
  214. <td>ru_RU</td>
  215. </tr>
  216. <tr>
  217. <td>Ukrainian</td>
  218. <td>uk_UA</td>
  219. </tr>
  220. <tr>
  221. <td>Vietnamese</td>
  222. <td>vi_VN</td>
  223. </tr>
  224. <tr>
  225. <td>Chinese (Simplified)</td>
  226. <td>zh_CN</td>
  227. </tr>
  228. <tr>
  229. <td>Chinese (Traditional)</td>
  230. <td>zh_TW</td>
  231. </tr>
  232. </tbody>
  233. </table>
  234. <p>See usage at <a href="/components/config-provider.html">ConfigProvider</a>.</p>
  235. `,lastUpdated:1748059052829}},p={class:"markdown"};function d(r,n,l,i,c,u){return e(),a("article",p,n[0]||(n[0]=[s(`<h1 id="internationalization">Internationalization</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</h2><p>ant-design-vue provides a Vue Component <a href="/components/config-provider.html">ConfigProvider</a> for configuring ant-design-vue locale text globally.</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>
  236. <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>
  237. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>App</span> <span class="token punctuation">/&gt;</span></span>
  238. <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>
  239. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
  240. <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">
  241. <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>
  242. <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
  243. <span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  244. <span class="token keyword">return</span> <span class="token punctuation">{</span>
  245. <span class="token literal-property property">locale</span><span class="token operator">:</span> zhCN<span class="token punctuation">,</span>
  246. <span class="token punctuation">}</span><span class="token punctuation">;</span>
  247. <span class="token punctuation">}</span><span class="token punctuation">,</span>
  248. <span class="token punctuation">}</span><span class="token punctuation">;</span>
  249. </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>
  250. </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>Bulgarian</td><td>bg_BG</td></tr><tr><td>Catalan</td><td>ca_ES</td></tr><tr><td>Czech</td><td>cs_CZ</td></tr><tr><td>German</td><td>de_DE</td></tr><tr><td>Greek</td><td>el_GR</td></tr><tr><td>English (Global)</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 (France)</td><td>fr_FR</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>Korean</td><td>ko_KR</td></tr><tr><td>Norwegian</td><td>nb_NO</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>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>Thai</td><td>th_TH</td></tr><tr><td>Turkish</td><td>tr_TR</td></tr><tr><td>Russian</td><td>ru_RU</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_TW</td></tr></tbody></table><p>See usage at <a href="/components/config-provider.html">ConfigProvider</a>.</p>`,9)]))}var k=t(o,[["render",d]]);export{k as default};