Laravel Türkiye Discord Kanalı Forumda kod paylaşılırken dikkat edilmesi gerekenler!Birlikte proje geliştirmek ister misiniz?

Dile göre component gösterme (Vue)

ibrahim

Selamlar,

Vue.js ile i18n paketini kullanarak bir proje geliştiriyorum.
Kısa kelimeleri/cümleleri .json dosyasında tanımlıyorum ancak bir Terms & Conditions sayfası var içeriği çok karışık. Paragraf eklemek için her yere <p> tagı atmışlar.

Uzunca da bir yazı olduğu için bu içeriği .json dosyasında tutmak istemiyorum. Onun yerine 2 tane component oluşturdum Terms_EN ve Terms_PT adında, bunları ben tarayıcının diline göre göstermek istiyorum.

Nasıl yapabilirim?

Not: Sayfanın mevcuttaki dili URL kısmında gözükmeyecek şekilde ayarladım i18n paketini.

codanux

ibrahim dynamic component kullanabilirsin. fakat her dil için ayrı component karmaşasına giriceksin json ile çekmen daha faydalı olucağını düşünüyorum.

<component is="localeCompoent"></component>

<script>
import Terms_EN  from 'component/Terms_EN';
import Terms_PT from 'component/Terms_PT '

export default {
    components: {Terms_EN, Terms_PT },
    data(){
        return {
            localeCompoent: this.i18n.locale == "en" ? "Terms_EN " : "Terms_PT"
        }
    }
}
</script>