Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

nuxtjs i18n guide


I want to integrate the previously configured vue i18n in nuxtjs3. Please guide me on this.


metronic_v8.0.37\vue\demo1\src\core\plugins\i18n.ts




metronic_v8.0.37\vue\demo1\src\main.ts

import { initInlineSvg } from "@/core/plugins/inline-svg";
initInlineSvg(app);

<inline-svg src="media/icons/duotune/text/txt001.svg" />


How can I integrate with nuxtjs3? Please guide me.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (7)


Do you have a boilerplate or sample example ? I didn't succeed to integrate it.

Thanks.



Did you manage to get it working in Nuxt yet? I'm thinking of giving it a go. But then again with Supabase and Row Level Security I dont think any SSR will be needed (for security, anyhow)



@김승연
Did you succeed to integrate the metronic components in nuxt3 ?



Yes, but it needs a lot of editing. Also, i18n is not currently supported. Frustration.



Do you have a boilerplate ? I didn't succeed to integrate it.



Hi,

I relaunch Robert's message. Did you manage to do it? Would you be open to sharing it?

Thanks in advance happy



Hi,

Unfortunately, we haven't tried Metronic with Nuxt 3 at the moment.

It looks like there is a separate i18n extension for Nuxt.

Please check their official documentation for more info: https://i18n-legacy.nuxtjs.org/


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(