@nuxtjs/i18n/dist/runtime/components/SwitchLocalePathLink.js

Internationalization for Nuxt

import { useSwitchLocalePath } from "#i18n";
import { defineNuxtLink, useNuxtApp } from "#imports";
import { Comment, computed, defineComponent, h } from "vue";
import { nuxtLinkDefaults } from "#build/nuxt.config.mjs";
import { useComposableContext } from "../utils.js";
const NuxtLink = defineNuxtLink({ ...nuxtLinkDefaults, componentName: "NuxtLink" });
const SlpComponent = defineComponent({
  name: "SwitchLocalePathLink",
  props: {
    locale: {
      type: String,
      required: true
    }
  },
  setup(props, { slots, attrs }) {
    const nuxtApp = useNuxtApp();
    const payload = useComposableContext(nuxtApp).localePathPayload;
    const switchLocalePath = useSwitchLocalePath(nuxtApp);
    const resolved = computed(() => {
      if (__I18N_STRICT_SEO__ && nuxtApp.isHydrating && Object.keys(payload ?? {}).length && !payload?.[props.locale]) {
        return "#";
      }
      return encodeURI(switchLocalePath(props.locale)) || __I18N_STRICT_SEO__ && "#" || "";
    });
    const disabled = computed(() => __I18N_STRICT_SEO__ && resolved.value === "#" || void 0);
    return () => h(NuxtLink, { ...attrs, "to": resolved.value, "data-i18n-disabled": disabled.value }, slots.default);
  }
});
export default defineComponent({
  name: "SwitchLocalePathLinkWrapper",
  props: {
    locale: {
      type: String,
      required: true
    }
  },
  inheritAttrs: false,
  setup(props, { slots, attrs }) {
    return () => [
      h(Comment, `${__SWITCH_LOCALE_PATH_LINK_IDENTIFIER__}-[${props.locale}]`),
      h(SlpComponent, { ...attrs, ...props }, slots.default),
      h(Comment, `/${__SWITCH_LOCALE_PATH_LINK_IDENTIFIER__}`)
    ];
  }
});