Laravel dil ile primevue dil yapısını birleştirmek istersek;
1. resource/js/lang.js adında primevue componentlerin kullanacağı dilleri buraya biriktirebiliriz.
Örnek dosya:
const primevuelang = { "tr": { "accept": "Tamam", "addRule": "Kural Ekle", "am": "ÖÖ", "apply": "Uygula", "cancel": "Vazgeç", "choose": "Seç", "chooseDate": "Tarih Seçiniz", "chooseMonth": "Ay Seçiniz", "chooseYear": "Yıl Seçiniz", "clear": "Temiz", "completed": "Tamamlandı", "contains": "Barındırır", "custom": "Özel", "dateAfter": "Tarihten sonra", "dateBefore": "Tarihten önce", "dateFormat": "dd.mm.yy", "dateIs": "Tarih", "dateIsNot": "Tarih değildir", "dayNames": [ "Pazar", "Pazartesi", "Salı", "Çarşamba", "Perşembe", "Cuma", "Cumartesi" ], "dayNamesMin": [ "Pz", "Pt", "Sa", "Ça", "Pe", "Cu", "Ct" ], "dayNamesShort": [ "Paz", "Pzt", "Sal", "Çar", "Per", "Cum", "Cmt" ], "emptyFilterMessage": "Kullanılabilir seçenek yok", "emptyMessage": "Sonuç bulunamadı", "emptySearchMessage": "Sonuç bulunmadı", "emptySelectionMessage": "Öge seçilmedi", "endsWith": "Bitiş", "equals": "Eşittir", "fileSizeTypes": [ "B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB" ], "filter": "Filtre", "firstDayOfWeek": 1, "gt": "Daha Fazla", "gte": "Daha fazla veya Eşit", "lt": "Daha az", "lte": "Daha az veya Eşit", "matchAll": "Tümüyle eşleşir", "matchAny": "Herhangi birine eşleşir", "medium": "Orta", "monthNames": [ "Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık" ], "monthNamesShort": [ "Oca", "Şub", "Mar", "Nis", "May", "Haz", "Tem", "Ağu", "Eyl", "Eki", "Kas", "Ara" ], "nextDecade": "Gelecek On Yıl", "nextHour": "Gelecek Saat", "nextMinute": "Gelecek Dakika", "nextMonth": "Gelecek Ay", "nextSecond": "Gelecek Saniye", "nextYear": "Gelecek Yıl", "noFilter": "Filtresiz", "notContains": "İçinde Barındırmaz", "notEquals": "Eşit Değildir", "now": "Şimdi", "passwordPrompt": "Parola Giriniz", "pending": "Askıda", "pm": "ÖS", "prevDecade": "Önceki On Yıl", "prevHour": "Geçen Saat", "prevMinute": "Geçen Dakika", "prevMonth": "Geçen Ay", "prevSecond": "Geçen Saniye", "prevYear": "Geçen Yıl", "reject": "İptal", "removeRule": "Kuralı Sil", "searchMessage": "{0} sonuç bulundu", "selectionMessage": "{0} öge seçildi", "showMonthAfterYear": false, "startsWith": "Başlangıç", "strong": "Güçlü", "today": "Bugün", "upload": "Yükle", "weak": "Zayıf", "weekHeader": "Hf", "aria": { "cancelEdit": "Düzenlemeyi İptal Et", "close": "Kapat", "collapseLabel": "Yıkılmak", "collapseRow": "Satır Daraltıldı", "editRow": "Satırı Düzenle", "expandLabel": "Genişletmek", "expandRow": "Satır Genişletildi", "falseLabel": "Yanlış", "filterConstraint": "Filter Constraint", "filterOperator": "Filtre Araçları", "firstPageLabel": "İlk Sayfa", "gridView": "Izgara Görünümü", "hideFilterMenu": "Filtre Menüsünü Gizle", "jumpToPageDropdownLabel": "Açılan Sayfaya Git", "jumpToPageInputLabel": "Giriş Yapılan Sayfaya git", "lastPageLabel": "Son Sayfa", "listView": "Liste Görünümü", "moveAllToSource": "Tümünü kaynağa taşı", "moveAllToTarget": "Tümünü hedefe taşı", "moveBottom": "En aşağıya taşı", "moveDown": "Aşağıya taşı", "moveTop": "En üste taşı", "moveToSource": "Kaynağa taşı", "moveToTarget": "Hedefe taşı", "moveUp": "Üste taşı", "navigation": "Navigasyon", "next": "Sonraki", "nextPageLabel": "Sonraki Sayfa", "nullLabel": "Seçilmedi", "otpLabel": "Lütfen tek kullanımlık şifre karakteri {0} girin", "pageLabel": "Sayfa {page}", "passwordHide": "Şifreyi gizle", "passwordShow": "Şifreyi göster", "previous": "Önceki", "previousPageLabel": "Önceki Sayfa", "rotateLeft": "Sola Döndür", "rotateRight": "Sağa Döndür", "rowsPerPageLabel": "Sayfa başına satır", "saveEdit": "Düzenlemeyi Kaydet", "scrollTop": "Yukarı çık", "selectAll": "Tüm ögeler seçildi", "selectLabel": "Seçme", "selectRow": "Satır Seçildi", "showFilterMenu": "Filtre Menüsünü Göster", "slide": "Slayt", "slideNumber": "{slideNumber}", "star": "1 yıldız", "stars": "{star} yıldız", "trueLabel": "Doğru", "unselectAll": "Tüm ögelerden seçim kaldırıldı", "unselectLabel": "Seçimi kaldır", "unselectRow": "Satır Seçilmedi", "zoomImage": "Görüntüyü Yakınlaştır", "zoomIn": "Yakınlaştır", "zoomOut": "Uzaklaştır" } }, "en":{ "accept": "Yes", "addRule": "Add Rule", "am": "AM", "apply": "Apply", "cancel": "Cancel", "choose": "Choose", "chooseDate": "Choose Date", "chooseMonth": "Choose Month", "chooseYear": "Choose Year", "clear": "Clear", "completed": "Completed", "contains": "Contains", "custom": "Custom", "dateAfter": "Date is after", "dateBefore": "Date is before", "dateFormat": "mm/dd/yy", "dateIs": "Date is", "dateIsNot": "Date is not", "dayNames": ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], "dayNamesMin": ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], "dayNamesShort": ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], "emptyFilterMessage": "No results found", "emptyMessage": "No available options", "emptySearchMessage": "No results found", "emptySelectionMessage": "No selected item", "endsWith": "Ends with", "equals": "Equals", "fileSizeTypes": ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], "filter": "Filter", "firstDayOfWeek": 0, "gt": "Greater than", "gte": "Greater than or equal to", "lt": "Less than", "lte": "Less than or equal to", "matchAll": "Match All", "matchAny": "Match Any", "medium": "Medium", "monthNames": ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], "monthNamesShort": ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], "nextDecade": "Next Decade", "nextHour": "Next Hour", "nextMinute": "Next Minute", "nextMonth": "Next Month", "nextSecond": "Next Second", "nextYear": "Next Year", "noFilter": "No Filter", "notContains": "Not contains", "notEquals": "Not equals", "now": "Now", "passwordPrompt": "Enter a password", "pending": "Pending", "pm": "PM", "prevDecade": "Previous Decade", "prevHour": "Previous Hour", "prevMinute": "Previous Minute", "prevMonth": "Previous Month", "prevSecond": "Previous Second", "prevYear": "Previous Year", "reject": "No", "removeRule": "Remove Rule", "searchMessage": "{0} results are available", "selectionMessage": "{0} items selected", "showMonthAfterYear": false, "startsWith": "Starts with", "strong": "Strong", "today": "Today", "upload": "Upload", "weak": "Weak", "weekHeader": "Wk", "aria": { "cancelEdit": "Cancel Edit", "close": "Close", "collapseLabel": "Collapse", "collapseRow": "Row Collapsed", "editRow": "Edit Row", "expandLabel": "Expand", "expandRow": "Row Expanded", "falseLabel": "False", "filterConstraint": "Filter Constraint", "filterOperator": "Filter Operator", "firstPageLabel": "First Page", "gridView": "Grid View", "hideFilterMenu": "Hide Filter Menu", "jumpToPageDropdownLabel": "Jump to Page Dropdown", "jumpToPageInputLabel": "Jump to Page Input", "lastPageLabel": "Last Page", "listView": "List View", "moveAllToSource": "Move All to Source", "moveAllToTarget": "Move All to Target", "moveBottom": "Move Bottom", "moveDown": "Move Down", "moveToSource": "Move to Source", "moveToTarget": "Move to Target", "moveTop": "Move Top", "moveUp": "Move Up", "navigation": "Navigation", "next": "Next", "nextPageLabel": "Next Page", "nullLabel": "Not Selected", "otpLabel": "Please enter one time password character {0}", "pageLabel": "Page {page}", "passwordHide": "Hide Password", "passwordShow": "Show Password", "previous": "Previous", "previousPageLabel": "Previous Page", "rotateLeft": "Rotate Left", "rotateRight": "Rotate Right", "rowsPerPageLabel": "Rows per page", "saveEdit": "Save Edit", "scrollTop": "Scroll Top", "selectAll": "All items selected", "selectLabel": "Select", "selectRow": "Row Selected", "showFilterMenu": "Show Filter Menu", "slide": "Slide", "slideNumber": "{slideNumber}", "star": "1 star", "stars": "{star} stars", "trueLabel": "True", "unselectAll": "All items unselected", "unselectLabel": "Unselect", "unselectRow": "Row Unselected", "zoomImage": "Zoom Image", "zoomIn": "Zoom In", "zoomOut": "Zoom Out" } } }; export default primevuelang;
Burada en ve tr dilleri mevut diğer dilleri;
https://github.com/primefaces/primelocale/blob/main/README.md
2. app.js dosyasından bu dil değerleini import ediyoruz.
... import { i18nVue, getActiveLanguage } from 'laravel-vue-i18n'; ... import primevuelang from './lang.js'; ... //laravelin veya vuejs aktif dilini almak için let lange = getActiveLanguage().toString(); ... .use(PrimeVue, { locale:primevuelang[lange], unstyled: true, pt:Wind, ripple: true, //ripple etkin etmek için })
Laravel dilini değiştirdiğinizde Primevue dilide değişektir.
0 Yorum
Önerilen Yorumlar
Görüntülenecek yorum yok.