Use Nuxt i18n + anchor oneline solution

nuxt-i18n-anchor-link.vue

<template>
  <div>
    <div id="#anchor"></div>
    <nuxt-link :to="{ path: localePath('pathname'), hash: '#anchor' }">Go to anchor</nuxt-link>
  </div>
</template>

nuxt.config.js

// optional: alter the vue router scroll behavior to achieve smooth scrolling!

module.exports = {
  // env, head, css, plugins, modules, rules etc.
  router: {
    scrollBehavior: async function(to, from, savedPosition) {
      if (savedPosition) {
        return savedPosition;
      }

      const findEl = async (hash, x = 0) => {
        return (
          document.querySelector(hash) ||
          new Promise(resolve => {
            if (x > 50) {
              return resolve(document.querySelector("#content"));
            }
            setTimeout(() => {
              resolve(findEl(hash, ++x || 1));
            }, 100);
          })
        );
      };

      if (to.hash) {
        let el = await findEl(to.hash);
        if ("scrollBehavior" in document.documentElement.style) {
          return window.scrollTo({ top: el.offsetTop, behavior: "smooth" });
        } else {
          return window.scrollTo(0, el.offsetTop);
        }
      }

      return { x: 0, y: 0 };
    }
  }
}