mpa/langs/currency

components/LangSwitcher.vue

@@ -17,8 +17,8 @@
     @update:model-value="setLocale"
   >
     <template #leading="{ modelValue }">
-      <div class="flex items-center gap-2 text-xl font-medium">
-        {{ locales.find((item) => item.code === modelValue)?.name }}
+      <div class="flex items-center gap-2 text-xl font-medium uppercase">
+        {{ locales.find((item) => item.code === modelValue)?.code }}
       </div>
     </template>
 
@@ -28,7 +28,7 @@
           :name="item.icon as string"
           class="size-5 rounded-full border border-button/40"
         />
-        <p class="text-xl font-medium">{{ item.name }}</p>
+        <p class="text-xl font-medium uppercase">{{ item.code }}</p>
       </div>
     </template>
   </USelect>