Misspelling "Internationalization" in the title card of a video about internationalization didn't exactly inspire confidence. However, I watched the whole video and it's good! 👍
One great package to use with this is i18n-auto-translation instead of copying and pasting into chatgpt. It's easieast to use by setting up an alias as follows: alias translate=" i18n-auto-translation -k -p ./locales/en-US.json -t" you will then only need to type "translate" and the ISO code you want to translate to. or you can change the "-p ./locales/en-US.json" argument to "-d ./locales/directory/path" if you change "en-US.json" to "en.json" first
Thank you, Jahid! I would like to ask you about description in meta head of html, is it posiible to make translations for it? i read about { hid: 'og:description', property: 'og:description' content: 'My own description' }, in nuxt.config file, but unfortunately it doesn't work for me. Have you seen any examples of how make it work?
Thank you Jahid, impressive tutorials!!! I got one problem. When I click the language switch, the text on page got properly translated but the URL doesn't change to new one for new locale but remain the one for old locale. Could you please leave some github repo for this project or leave some suggestions here? thanks a ton.
Hi Jahid, excellent tutorial. Thank You. I have a question. If I have dynamic routes on my site, how could I use this configuration? I have tried calling them like this News 1 but it doesn't work. Here's my page folder structure pages/ ├── news/ ├──── index.vue ├──── [id].vue and in my nuxt config.. 'news/index': { en: '/news', es: '/noticias' }, 'news/[id]': { en: '/news/[id]', es: '/noticias/[id]' } Could you give me some ideas or pointme in the right direction? Thanks in advance.
You the route name is wrong it should be :to="localPath({ name: 'news-id', params: {id: ''news-number-one' } })"
ปีที่แล้ว
Great, works perfect. Thank you so much. I didn't find how to put together the route in the documentation, could you tell me where I find this information to understand it better?@@jahiddev
I have an error vueI18n: {fallbackLocale: ['en', 'es']}, ERROR Cannot start nuxt: [@nuxtjs/i18n]: The vueI18n option is no longer be specified with object
Misspelling "Internationalization" in the title card of a video about internationalization didn't exactly inspire confidence. However, I watched the whole video and it's good! 👍
Well, this is the second time someone pointed out a spelling mistake in my video. I guess I have to work on my vocabulary a bit more 🥲.
Amazing timing. I was just about to start on this Endeavour. Thanks a ton
Glad I could help!
Thanks, man. I couldn't get Lazy Loading and the Language Switcher to work following the documentation. This tutorial worked perfectly.
You're welcome!
Thank you, Jahid! Keep these Nuxt tutorials coming!
I update the package.json to nuxt": "^3.7.0" and it's work. Thank you
I think it is so helpful for me. Jajakallah Jahid vai.
You are most welcome
Another great video. One of my favorite Nuxt TH-camrs!
Wow, thanks!
Hi Jahid, thanks for you great video !
Do you know how to enable typescript autosuggestion for your language files ? tx.
nice tut, it really helps.
Glad it helped!
Genio, muchas gracias.
How can I implement it with Nuxt content?
👏🏼👏🏼👏🏼
Thank you.
Very useful video, thanks!
Glad it was helpful!
One great package to use with this is i18n-auto-translation instead of copying and pasting into chatgpt. It's easieast to use by setting up an alias as follows:
alias translate=" i18n-auto-translation -k -p ./locales/en-US.json -t"
you will then only need to type "translate" and the ISO code you want to translate to.
or you can change the "-p ./locales/en-US.json" argument to "-d ./locales/directory/path" if you change "en-US.json" to "en.json" first
Thanks. I did not know about it.
keep up the good work. thanks for the good content.
Thanks!!! Amazing!! Save me man!
Glad I could help!
thank you so much!!
You are welcome!
thank you bro
Cool demo 👍😘🤗🤓😎
Glad you liked it.
so good video bro
Just what I needed. Thanks, man!☺
Quick question: how to add tooltips like for a computed getter? 27:59
Did you mean code completion? If yes then it's just github copilot.
@@jahiddev Yes, thanks ☺
Thank you, Jahid! I would like to ask you about description in meta head of html, is it posiible to make translations for it? i read about { hid: 'og:description', property: 'og:description' content: 'My own description' }, in nuxt.config file, but unfortunately it doesn't work for me. Have you seen any examples of how make it work?
Have you tried using the `useHead` composable? We have used this many time for translated meta.
Thank you Jahid, impressive tutorials!!! I got one problem. When I click the language switch, the text on page got properly translated but the URL doesn't change to new one for new locale but remain the one for old locale. Could you please leave some github repo for this project or leave some suggestions here? thanks a ton.
These repos would be sufficient i guess
github.com/jahidanowar/nuxt3-i18n-tutorial
github.com/harlan-zw/harlanzw.com
Can we get our json file or data from api or aws s3 not from locale or any other dir?
Please answer.. if we can the how?
what about rtl ?
How do you deploy your Nuxt 3 website to Azure. I'm struggling to find a good updated guide on how to do this.
Will make a video about it.
Hello, please why the setLocale() function does'nt change my route url ?
Same here, I had to add navigateTo(switchLocalePath(value)); in the "setter" to make it work
i have same problem
can you show us how to use useFetch with nuxt i18n module?
You can send get the current locale using useI18n() then pass it to useFetch header if your backend requires it.
How do you change the name of the route? when you don't want to have "/about" in the spanish or hindi version?
You have teh tweak the strategy for that.
why my translate clear when i refresh the page!
It depends on what strategy you have selected.
useful, thx
You're welcome
why don't you just add css to the new component file? why in the app.vue lol
because it's a demo :P
Watching 2nd time
node -v
16.13
Hi Jahid, excellent tutorial. Thank You.
I have a question. If I have dynamic routes on my site, how could I use this configuration?
I have tried calling them like this News 1 but it doesn't work.
Here's my page folder structure
pages/
├── news/
├──── index.vue
├──── [id].vue
and in my nuxt config..
'news/index': {
en: '/news',
es: '/noticias'
},
'news/[id]': {
en: '/news/[id]',
es: '/noticias/[id]'
}
Could you give me some ideas or pointme in the right direction?
Thanks in advance.
You the route name is wrong it should be :to="localPath({ name: 'news-id', params: {id: ''news-number-one' } })"
Great, works perfect. Thank you so much. I didn't find how to put together the route in the documentation, could you tell me where I find this information to understand it better?@@jahiddev
why I am found error when config nuxt.config.ts. the error is " Cannot restart nuxt: input.includes is not a function " can you help me?
I need to see the nuxt config. Can you share your config code on discord?
I have an error
vueI18n: {fallbackLocale: ['en', 'es']},
ERROR Cannot start nuxt: [@nuxtjs/i18n]: The vueI18n option is no longer be specified with object
Already replied on Discord.
create a i18n.config.ts, inside:
export default defineI18nConfig(() => ({
fallbackLocale: ["en-US"]
}))
Great Content, thanks!
Glad you liked it!