Giters

intlify / nuxt3

Nuxt 3 Module for vue-i18n-next

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Inputs' dynamic attributes are translated in dev and SSR but not in SSG

MuhammadM1998 opened this issue · comments

commented

I'm using @intlify/nuxt3 to internationalize a website. I build and deployed the site in ssr: true and target: server (default) and hosted it on vercel and It works good in dev, preview and production.

Now I'm trying to build the app with SSG (ssr: true and target: static) using the following steps:

  • Added target: static to the nuxt.config.ts
  • Runned nuxt generate instead of nuxt build

The complete app is translated correctly in dev upon choosing a locale. However, after running nuxt generate and nuxt preview, the app is almost completely translated except of buttons having dynamic placeholder and aria-label atrributes.

my component snippet:

<form>
  <input
    type="number"
    name="flight-no"
    :aria-label="$t('sections.flight_request.form.flight_no')"
    :placeholder="$t('sections.flight_request.form.flight_no')"
  />

  <input
    type="text"
    name="full-name"
    :aria-label="$t('sections.flight_request.form.full_name')"
    :placeholder="$t('sections.flight_request.form.full_name')"
  />
</form>

The project repo on GitHub: https://github.com/MuhammadM1998/EGSA

commented

lucky man, translations in my project not work in ssr, ssg i not try

I use "@nuxtjs/i18n": "npm:@nuxtjs/i18n-edge",