@nuxtjs/i18n
Version:
Internationalization for Nuxt
46 lines (45 loc) • 1.66 kB
JavaScript
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__}`)
];
}
});