feat(components): [breadcrumb] aria-label uses locale (#16089)

feat(components): [breadcrumb] aria-label uses locale

packages/components/breadcrumb/src/breadcrumb.vue

@@ -2,7 +2,7 @@
   <div
     ref="breadcrumb"
     :class="ns.b()"
-    aria-label="Breadcrumb"
+    :aria-label="t('el.breadcrumb.label')"
     role="navigation"
   >
     <slot />
@@ -11,7 +11,7 @@
 
 <script lang="ts" setup>
 import { onMounted, provide, ref } from 'vue'
-import { useNamespace } from '@element-plus/hooks'
+import { useLocale, useNamespace } from '@element-plus/hooks'
 import { breadcrumbKey } from './constants'
 import { breadcrumbProps } from './breadcrumb'
 
@@ -19,6 +19,7 @@ defineOptions({
   name: 'ElBreadcrumb',
 })
 
+const { t } = useLocale()
 const props = defineProps(breadcrumbProps)
 
 const ns = useNamespace('breadcrumb')

packages/locale/lang/af.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'af',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Bevestig',
       clear: 'Maak skoon',

packages/locale/lang/ar-eg.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'ar-eg',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'موافق',
       clear: 'إزالة',

packages/locale/lang/ar.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'ar',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'موافق',
       clear: 'إزالة',

packages/locale/lang/az.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'az',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Təsdiqlə',
       clear: 'Təmizlə',

packages/locale/lang/bg.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'bg',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Изчисти',

packages/locale/lang/bn.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'bn',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'ঠিক আছে',
       clear: 'ক্লিয়ার',

packages/locale/lang/ca.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'ca',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Confirmar',
       clear: 'Netejar',

packages/locale/lang/ckb.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'ckb',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'باشە',
       clear: 'پاککردنەوە',

packages/locale/lang/cs.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'cs',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Vymazat',

packages/locale/lang/da.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'da',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Ryd',

packages/locale/lang/de.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'de',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Leeren',

packages/locale/lang/el.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'el',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Εντάξει',
       clear: 'Καθαρισμός',

packages/locale/lang/en.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'en',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Clear',

packages/locale/lang/eo.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'eo',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Bone',
       clear: 'Malplenigi',

packages/locale/lang/es.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'es',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Confirmar',
       clear: 'Despejar',

packages/locale/lang/et.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'et',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Tühjenda',

packages/locale/lang/eu.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'eu',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Ados',
       clear: 'Garbitu',

packages/locale/lang/fa.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'fa',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'تایید',
       clear: 'حذف',

packages/locale/lang/fi.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'fi',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Tyhjennä',

packages/locale/lang/fr.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'fr',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Effacer',

packages/locale/lang/he.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'he',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'אישור',
       clear: 'נקה',

packages/locale/lang/hr.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'hr',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Očisti',

packages/locale/lang/hu.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'hu',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Törlés',

packages/locale/lang/hy-am.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'hy-am',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Լաւ',
       clear: 'Մաքրել',

packages/locale/lang/id.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'id',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Pilih',
       clear: 'Kosongkan',

packages/locale/lang/it.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'it',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Pulisci',

packages/locale/lang/ja.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'ja',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'クリア',

packages/locale/lang/kk.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'kk',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Қабылдау',
       clear: 'Тазалау',

packages/locale/lang/km.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'km',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'យល់ព្រម',
       clear: 'លុប',

packages/locale/lang/ko.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'ko',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: '확인',
       clear: '초기화',

packages/locale/lang/ku.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'ku',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Temam',
       clear: 'Paqij bike',

packages/locale/lang/ky.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'ky',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Мурунку',
       clear: 'ачык',

packages/locale/lang/lt.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'lt',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Valyti',

packages/locale/lang/lv.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'lv',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Labi',
       clear: 'Notīrīt',

packages/locale/lang/mg.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'mg',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'ENY',
       clear: 'Fafana',

packages/locale/lang/mn.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'mn',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Тийм',
       clear: 'Цэвэрлэх',

packages/locale/lang/nb-no.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'nb-no',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Tøm',

packages/locale/lang/nl.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'nl',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Bevestig',
       clear: 'Wissen',

packages/locale/lang/pa.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'pa',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'تایید',
       clear: 'پاکول',

packages/locale/lang/pl.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'pl',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Wyczyść',

packages/locale/lang/pt-br.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'pt-br',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Confirmar',
       clear: 'Limpar',

packages/locale/lang/pt.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'pt',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Confirmar',
       clear: 'Limpar',

packages/locale/lang/ro.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'ro',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Șterge',

packages/locale/lang/ru.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'ru',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Очистить',

packages/locale/lang/sk.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'sk',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Zmazať',

packages/locale/lang/sl.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'sl',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'V redu',
       clear: 'Počisti',

packages/locale/lang/sr.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'sr',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Поништи',

packages/locale/lang/sv.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'sv',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Töm',

packages/locale/lang/sw.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'sw',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'sawa',
       clear: 'futa',

packages/locale/lang/ta.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'ta',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'உறுதி செய்',
       clear: 'தெளிவாக்கு',

packages/locale/lang/th.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'th',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'ตกลง',
       clear: 'ล้างข้อมูล',

packages/locale/lang/tk.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'tk',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Arassala',

packages/locale/lang/tr.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'tr',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Onayla',
       clear: 'Temizle',

packages/locale/lang/ug-cn.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'ug-cn',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'جەزملەش',
       clear: 'قۇرۇقداش',

packages/locale/lang/uk.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'uk',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Очистити',

packages/locale/lang/uz-uz.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'uz-uz',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'Qabul qilish',
       clear: 'Tozalash',

packages/locale/lang/vi.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'vi',
   el: {
+    breadcrumb: {
+      label: 'Breadcrumb', // to be translated
+    },
     colorpicker: {
       confirm: 'OK',
       clear: 'Xóa',

packages/locale/lang/zh-cn.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'zh-cn',
   el: {
+    breadcrumb: {
+      label: '面包屑',
+    },
     colorpicker: {
       confirm: '确定',
       clear: '清空',

packages/locale/lang/zh-tw.ts

@@ -1,6 +1,9 @@
 export default {
   name: 'zh-tw',
   el: {
+    breadcrumb: {
+      label: '面包屑',
+    },
     colorpicker: {
       confirm: '確認',
       clear: '清空',