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
Thank you, Jahid! Keep these Nuxt tutorials coming!
Amazing timing. I was just about to start on this Endeavour. Thanks a ton
Glad I could help!
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 🥲.
Thanks, man. I couldn't get Lazy Loading and the Language Switcher to work following the documentation. This tutorial worked perfectly.
You're welcome!
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!
Very useful video, thanks!
Glad it was helpful!
keep up the good work. thanks for the good content.
I update the package.json to nuxt": "^3.7.0" and it's work. Thank you
nice tut, it really helps.
Glad it helped!
Hi Jahid, thanks for you great video !
Do you know how to enable typescript autosuggestion for your language files ? tx.
How can I implement it with Nuxt content?
wouldn't just saving language preference on local storage would be better instead of adding it to route?
just a question.
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.
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?
is this currently working? i get the error Nuxt module should be a function: [object, object]
Cool demo 👍😘🤗🤓😎
Glad you liked it.
Genio, muchas gracias.
👏🏼👏🏼👏🏼
Thank you.
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.
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 ☺
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.
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
so good video bro
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
thank you so much!!
You are welcome!
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.
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.
Thanks!!! Amazing!! Save me man!
Glad I could help!
what about rtl ?
thank you bro
why my translate clear when i refresh the page!
It depends on what strategy you have selected.
thanks
why don't you just add css to the new component file? why in the app.vue lol
because it's a demo :P
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?
useful, thx
You're welcome
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
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!