#17 Adding more languages to i18n - Notes app using Vue, Quasar, Dexie.js, Vue-i18n

hi everybody how are you so before going to work on the build this application i forgot that we need also to add the translations and the language switcher because we wanna that our app has multiple language support okay so to add uh more language support what we need to do is to come here in the folder internal standardization and in the file index gs and we need to add here the the other translations files that we that we want to support so here we are going to create another folder for portuguese i'm going to use the portuguese from brazil and we also need a folder for spanish transplant okay i'm going to create here a file index dot gs and here import for portuguese the index dot yes okay so now i'm going to copy this file content and paste it in the new files and i will simply start to work on the translation so i will pause the video because i think you don't need to know about how to translate the text okay i will go in to come back in in just a few minutes so i translated the text here in the files now i need to come here in the file index gs and i need to import the new translation files so i'm going to import the pt ptbr from the folder pt vr i'm going to export import the file from for spanish from the folder yes yes and i'm going to export this translation files okay i'm going to import the ptvr here the pt vr here the same thing yes yes and yes yes okay and now we can try if everything is okay by coming here in the boot file for internationalization and change the language to another one by example ptvr and let's run the application with quasar dev and let's check if everything is okay so it is going to run something something is wrong let's go in check what is wrong let me check i will come back in a few seconds it was a very simple mistake here i i write wrong it is br not bt now it is going to work okay here we i think we also need to translate this text it is not related so we can come here in the file layout and let me search what it is i think it is here okay see are your notes okay i'm going to use the home for every language i think it is clear enough and here i am going to and the translation i think it is this the t and here we can add here is the layout dot hum dot caption okay so let's go in here in the translations file layout home caption for english is going to be the see your notes now i need to copy this to this other language files and translate it and let's check if it is working it isn't working let's check what is wrong okay let me check what is wrong so i don't know how to have access access to the translation function because here i am using this but i am not inside an object so i can access to this so what i'm going to do is to leave here the translation key okay and i'm going to come here in the essential link component and i'm going to put the caption as my key for translation it it should work okay it is working nice it is working also here so in the next video we can start start working in the language suture okay thank you so much for watching and bye bye

Channel: Code with Romário Huebra

Views: 295

Keywords:

Id: V56HajBANhk

Length: 7min 10sec (430 seconds)

Published: Mon Aug 31 2020