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

The default language is English as of yet. If you want to use other languages, you can follow the instructions below.

## ConfigProvider

ant-design-vue provides a Vue Component [ConfigProvider](/components/config-provider) for configuring ant-design-vue locale text globally.

\`\`\`html
<template>
  <a-config-provider :locale="locale">
    <App />
  </a-config-provider>
</template>

<script>
  import zhCN from 'ant-design-vue/es/locale/zh_CN';
  export default {
    data() {
      return {
        locale: zhCN,
      };
    },
  };
</script>
\`\`\`

Note: \`fr_FR\` is the filename, follow below.

Supported languages:

| Language              | Filename |
| --------------------- | -------- |
| Arabic                | ar_EG    |
| Bulgarian             | bg_BG    |
| Catalan               | ca_ES    |
| Czech                 | cs_CZ    |
| German                | de_DE    |
| Greek                 | el_GR    |
| English (Global)      | en_GB    |
| English               | en_US    |
| Spanish               | es_ES    |
| Estonian              | et_EE    |
| Persian               | fa_IR    |
| Finnish               | fi_FI    |
| French (Belgium)      | fr_BE    |
| French (France)       | fr_FR    |
| Italian               | it_IT    |
| Icelandic             | is_IS    |
| Japanese              | ja_JP    |
| Korean                | ko_KR    |
| Norwegian             | nb_NO    |
| Dutch (Belgium)       | nl_BE    |
| Dutch                 | nl_NL    |
| Polish                | pl_PL    |
| Portuguese (Brazil)   | pt_BR    |
| Portuguese            | pt_PT    |
| Slovak                | sk_SK    |
| Serbian               | sr_RS    |
| Slovenian             | sl_SI    |
| Swedish               | sv_SE    |
| Thai                  | th_TH    |
| Turkish               | tr_TR    |
| Russian               | ru_RU    |
| Ukrainian             | uk_UA    |
| Vietnamese            | vi_VN    |
| Chinese (Simplified)  | zh_CN    |
| Chinese (Traditional) | zh_TW    |

See usage at [ConfigProvider](/components/config-provider).
`,html:`<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" 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>
  <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>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>App</span> <span class="token punctuation">/></span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-config-provider</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">></span></span>

<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">
  <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>
  <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
    <span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token keyword">return</span> <span class="token punctuation">{</span>
        <span class="token literal-property property">locale</span><span class="token operator">:</span> zhCN<span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
  <span class="token punctuation">}</span><span class="token punctuation">;</span>
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
</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>
`,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>
  <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>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>App</span> <span class="token punctuation">/&gt;</span></span>
  <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>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</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><span class="token script"><span class="token language-javascript">
  <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>
  <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
    <span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token keyword">return</span> <span class="token punctuation">{</span>
        <span class="token literal-property property">locale</span><span class="token operator">:</span> zhCN<span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
  <span class="token punctuation">}</span><span class="token punctuation">;</span>
</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>
</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};