> For the complete documentation index, see [llms.txt](https://codedthemes.gitbook.io/mantis-vuetify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codedthemes.gitbook.io/mantis-vuetify/how-to/remove-internationalization.md).

# Remove Internationalization

Remove i18n

###  Remove i18n dependencies

1. Uninstall `vue-i18n` from your project<br>

   ```actionscript-3
   npm uninstall vue-i18n
   ```

2. **Delete i18n** configuration and usage

   1. Remove or clean up these files and code:
      * Delete the entire folder: `src/utils/locales/` (contains all language files and messages).
   2. In ***src/plugins/vuetify.ts*** :
      * Remove all imports and usage of `vue-i18n`, `createI18n`, `useI18n`, `createVueI18nAdapter`, and `messages`.
      * Remove the `i18n` export and the `locale.adapter` property from the Vuetify configuration
   3. In ***src/main.ts*** :
      * Remove the import and usage of `i18n` from `./plugins/vuetify`.<br>

        <pre class="language-typescript" data-title="main"><code class="lang-typescript">...
        // import vuetify, { i18n } from './plugins/vuetify';
        import vuetify from './plugins/vuetify';
        ....

         // app.use(i18n);
        app.use(vuetify).mount('#app');

        </code></pre>

3. **Remove i18n** from components

   1. In all components using i18n (like `useI18n`, `$t`, `$i18n`, etc.), remove:

      1. Imports of `useI18n` and related code.
      2. All calls to `t()`, `$t`, `$i18n`, etc. Replace with plain strings or static text.

   **Before :**<br>

   <pre class="language-vue"><code class="lang-vue">&#x3C;script setup>
   <strong>import { useI18n } from 'vue-i18n';
   </strong><strong>const { t } = useI18n();
   </strong>
   .....
   &#x3C;/script>

   &#x3C;template>
     &#x3C;!-- ---------------------------------------------- -->
     &#x3C;!---Item Childern -->
     &#x3C;!-- ---------------------------------------------- -->
     &#x3C;v-list-group no-action>
       &#x3C;!-- ---------------------------------------------- -->
       &#x3C;!---Dropdown  -->
       &#x3C;!-- ---------------------------------------------- -->
       &#x3C;template v-slot:activator="{ props }">
         &#x3C;v-list-item v-bind="props" :value="item.title" rounded class="mb-1" color="primary">
           
           &#x3C;!---Title  -->
           &#x3C;v-list-item-title class="me-auto">
   <strong>          {{ t(item.title) }}
   </strong>          ....
           &#x3C;/v-list-item-title>
           &#x3C;!---If Caption-->
           &#x3C;v-list-item-subtitle v-if="item.subCaption" class="text-label-small mt-n1 hide-menu">
   <strong>          {{ t(item.subCaption) }}
   </strong>        &#x3C;/v-list-item-subtitle>
         &#x3C;/v-list-item>
       &#x3C;/template>
       .....
     &#x3C;/v-list-group>

   &#x3C;/template>
          
   </code></pre>

**After :**    &#x20;

```typescript
<script setup>
// import { useI18n } from 'vue-i18n';
// const { t } = useI18n();

.....
</script>

<template>
  <!-- ---------------------------------------------- -->
  <!---Item Childern -->
  <!-- ---------------------------------------------- -->
  <v-list-group no-action>
    <!-- ---------------------------------------------- -->
    <!---Dropdown  -->
    <!-- ---------------------------------------------- -->
    <template v-slot:activator="{ props }">
      <v-list-item v-bind="props" :value="item.title" rounded class="mb-1" color="primary">
        
        <!---Title  -->
        <v-list-item-title class="me-auto">
          {{ t(item.title) }} // t() from here
          ....
        </v-list-item-title>
        <!---If Caption-->
        <v-list-item-subtitle v-if="item.subCaption" class="text-label-small mt-n1 hide-menu">
          {{ t(item.subCaption) }} // t() from here
        </v-list-item-subtitle>
      </v-list-item>
    </template>
    .....
  </v-list-group>

</template>

```

**Repeat the same cleanup in:**

* `src/layouts/dashboard/vertical-sidebar/NavCollapse.vue`
* `src/layouts/dashboard/vertical-sidebar/NavGroup.vue`
* `src/layouts/dashboard/vertical-sidebar/NavItem.vue`