Laravel Vue Tłumaczenie językowe

Question

Czy ktoś może pokazać mi działający przykład vue-routera razem z vue-i18n, pracuję z Laravel i Vue, przygotowałem wszystkie moje tłumaczenia dla laravel, teraz zamieniłem je na tłumaczenia javascript używając laravel- wtyczka

vue-i18n-generator jednak kiedy idę wykorzystać je na moich component.vue plików, mam to ostrzeżenie http://prntscr.com/bkg9qo

Każda pomoc będzie mile widziane.

Answer 1

To dość stare pytanie, ale ten problem jest bardzo powszechny. Więc dla dalszych wyświetleń jest to odpowiedź!

w app.js plików imporcie 2 poniżej:

import VueInternalization from 'vue-i18n';

import Locales from './vue-i18n-locales.generated.js'; (to zostanie wygenerowany za pomocą polecenia rzemieślnik vue-i18n:generate

i przed deklaracją const jak Pokazane poniżej sprowadziłam to forEach

Object.keys(Locales).forEach(function (lang) { 
    Vue.locale(lang, Locales[lang]) 
}); 

const app = new Vue({ 
    el: '#app' 
}); 

I wreszcie, aby ustawić locale I dodaje następujące linie do mojego app.blade.php

<script type="text/javascript"> 
    Vue.config.lang = '{{ app()->getLocale() }}'; 
</script> 

nadzieję, że to pomaga!