308 lines
10 KiB
JavaScript
308 lines
10 KiB
JavaScript
import { defineComponent, shallowRef, h, resolveComponent, computed, unref } from "vue";
|
|
import { parseQuery, hasProtocol, joinURL, isScriptProtocol, withTrailingSlash, withoutTrailingSlash } from "/app/node_modules/ufo/dist/index.mjs";
|
|
import { b as useRouter, f as encodeRoutePath, r as resolveRouteObject, n as navigateTo, g as useNuxtApp, h as useRuntimeConfig, i as nuxtLinkDefaults } from "../server.mjs";
|
|
import "/app/node_modules/defu/dist/defu.mjs";
|
|
const firstNonUndefined = (...args) => args.find((arg) => arg !== void 0);
|
|
function sanitizeExternalHref(value) {
|
|
let candidate = value.replace(/[\u0000-\u001f\s]+/g, "");
|
|
while (candidate.toLowerCase().startsWith("view-source:")) {
|
|
candidate = candidate.slice("view-source:".length);
|
|
}
|
|
const colon = candidate.indexOf(":");
|
|
if (colon > 0 && isScriptProtocol(candidate.slice(0, colon + 1))) {
|
|
return null;
|
|
}
|
|
return value;
|
|
}
|
|
// @__NO_SIDE_EFFECTS__
|
|
function defineNuxtLink(options) {
|
|
const componentName = options.componentName || "NuxtLink";
|
|
function isHashLinkWithoutHashMode(link) {
|
|
return typeof link === "string" && link.startsWith("#");
|
|
}
|
|
function resolveTrailingSlashBehavior(to, resolve, trailingSlash) {
|
|
const effectiveTrailingSlash = trailingSlash ?? options.trailingSlash;
|
|
if (!to || effectiveTrailingSlash !== "append" && effectiveTrailingSlash !== "remove") {
|
|
return to;
|
|
}
|
|
if (typeof to === "string") {
|
|
return applyTrailingSlashBehavior(to, effectiveTrailingSlash);
|
|
}
|
|
const path = "path" in to && to.path !== void 0 ? to.path : resolve(to).path;
|
|
const resolvedPath = {
|
|
...to,
|
|
name: void 0,
|
|
// named routes would otherwise always override trailing slash behavior
|
|
path: applyTrailingSlashBehavior(path, effectiveTrailingSlash)
|
|
};
|
|
return resolvedPath;
|
|
}
|
|
function useNuxtLink(props) {
|
|
const router = useRouter();
|
|
const config = useRuntimeConfig();
|
|
const hasTarget = computed(() => !!unref(props.target) && unref(props.target) !== "_self");
|
|
const isAbsoluteUrl = computed(() => {
|
|
const path = unref(props.to) || unref(props.href) || "";
|
|
return typeof path === "string" && hasProtocol(path, { acceptRelative: true });
|
|
});
|
|
const builtinRouterLink = resolveComponent("RouterLink");
|
|
const useBuiltinLink = builtinRouterLink && typeof builtinRouterLink !== "string" ? builtinRouterLink.useLink : void 0;
|
|
const isExternal = computed(() => {
|
|
if (unref(props.external)) {
|
|
return true;
|
|
}
|
|
const path = unref(props.to) || unref(props.href) || "";
|
|
if (typeof path === "object") {
|
|
return false;
|
|
}
|
|
return path === "" || isAbsoluteUrl.value;
|
|
});
|
|
const to = computed(() => {
|
|
const path = unref(props.to) || unref(props.href) || "";
|
|
if (isExternal.value) {
|
|
return path;
|
|
}
|
|
return resolveTrailingSlashBehavior(path, router.resolve, unref(props.trailingSlash));
|
|
});
|
|
const link = isExternal.value ? void 0 : useBuiltinLink?.({ ...props, to, viewTransition: unref(props.viewTransition) });
|
|
const href = computed(() => {
|
|
const effectiveTrailingSlash = unref(props.trailingSlash) ?? options.trailingSlash;
|
|
if (!to.value || isAbsoluteUrl.value || isHashLinkWithoutHashMode(to.value)) {
|
|
const raw = to.value;
|
|
return typeof raw === "string" ? sanitizeExternalHref(raw) : raw;
|
|
}
|
|
if (isExternal.value) {
|
|
const path = typeof to.value === "object" && "path" in to.value ? resolveRouteObject(to.value) : to.value;
|
|
const href2 = typeof path === "object" ? router.resolve(path).href : path;
|
|
const safe = typeof href2 === "string" ? sanitizeExternalHref(href2) : href2;
|
|
return safe === null ? null : applyTrailingSlashBehavior(safe, effectiveTrailingSlash);
|
|
}
|
|
if (typeof to.value === "object") {
|
|
return router.resolve(to.value)?.href ?? null;
|
|
}
|
|
return applyTrailingSlashBehavior(joinURL(config.app.baseURL, to.value), effectiveTrailingSlash);
|
|
});
|
|
return {
|
|
to,
|
|
hasTarget,
|
|
isAbsoluteUrl,
|
|
isExternal,
|
|
//
|
|
href,
|
|
isActive: link?.isActive ?? computed(() => to.value === router.currentRoute.value.path),
|
|
isExactActive: link?.isExactActive ?? computed(() => to.value === router.currentRoute.value.path),
|
|
route: link?.route ?? computed(() => router.resolve(to.value)),
|
|
async navigate(_e) {
|
|
if (href.value === null) {
|
|
return;
|
|
}
|
|
await navigateTo(href.value, { replace: unref(props.replace), external: isExternal.value || hasTarget.value });
|
|
}
|
|
};
|
|
}
|
|
return defineComponent({
|
|
name: componentName,
|
|
props: {
|
|
// Routing
|
|
to: {
|
|
type: [String, Object],
|
|
default: void 0,
|
|
required: false
|
|
},
|
|
href: {
|
|
type: [String, Object],
|
|
default: void 0,
|
|
required: false
|
|
},
|
|
// Attributes
|
|
target: {
|
|
type: String,
|
|
default: void 0,
|
|
required: false
|
|
},
|
|
rel: {
|
|
type: String,
|
|
default: void 0,
|
|
required: false
|
|
},
|
|
noRel: {
|
|
type: Boolean,
|
|
default: void 0,
|
|
required: false
|
|
},
|
|
// Prefetching
|
|
prefetch: {
|
|
type: Boolean,
|
|
default: void 0,
|
|
required: false
|
|
},
|
|
prefetchOn: {
|
|
type: [String, Object],
|
|
default: void 0,
|
|
required: false
|
|
},
|
|
noPrefetch: {
|
|
type: Boolean,
|
|
default: void 0,
|
|
required: false
|
|
},
|
|
// Styling
|
|
activeClass: {
|
|
type: String,
|
|
default: void 0,
|
|
required: false
|
|
},
|
|
exactActiveClass: {
|
|
type: String,
|
|
default: void 0,
|
|
required: false
|
|
},
|
|
prefetchedClass: {
|
|
type: String,
|
|
default: void 0,
|
|
required: false
|
|
},
|
|
// Vue Router's `<RouterLink>` additional props
|
|
replace: {
|
|
type: Boolean,
|
|
default: void 0,
|
|
required: false
|
|
},
|
|
ariaCurrentValue: {
|
|
type: String,
|
|
default: void 0,
|
|
required: false
|
|
},
|
|
// Edge cases handling
|
|
external: {
|
|
type: Boolean,
|
|
default: void 0,
|
|
required: false
|
|
},
|
|
// Slot API
|
|
custom: {
|
|
type: Boolean,
|
|
default: void 0,
|
|
required: false
|
|
},
|
|
// Behavior
|
|
trailingSlash: {
|
|
type: String,
|
|
default: void 0,
|
|
required: false
|
|
}
|
|
},
|
|
useLink: useNuxtLink,
|
|
setup(props, { slots }) {
|
|
const router = useRouter();
|
|
const { to, href, navigate, isExternal, hasTarget, isAbsoluteUrl } = useNuxtLink(props);
|
|
shallowRef(false);
|
|
const el = void 0;
|
|
const elRef = void 0;
|
|
async function prefetch(nuxtApp = useNuxtApp()) {
|
|
{
|
|
return;
|
|
}
|
|
}
|
|
return () => {
|
|
if (!isExternal.value && !hasTarget.value && !isHashLinkWithoutHashMode(to.value)) {
|
|
const routerLinkProps = {
|
|
ref: elRef,
|
|
to: to.value,
|
|
activeClass: props.activeClass || options.activeClass,
|
|
exactActiveClass: props.exactActiveClass || options.exactActiveClass,
|
|
replace: props.replace,
|
|
ariaCurrentValue: props.ariaCurrentValue,
|
|
custom: props.custom
|
|
};
|
|
if (!props.custom) {
|
|
routerLinkProps.rel = props.rel || void 0;
|
|
}
|
|
return h(
|
|
resolveComponent("RouterLink"),
|
|
routerLinkProps,
|
|
slots.default
|
|
);
|
|
}
|
|
const target = props.target || null;
|
|
const rel = firstNonUndefined(
|
|
// converts `""` to `null` to prevent the attribute from being added as empty (`rel=""`)
|
|
props.noRel ? "" : props.rel,
|
|
options.externalRelAttribute,
|
|
/*
|
|
* A fallback rel of `noopener noreferrer` is applied for external links or links that open in a new tab.
|
|
* This solves a reverse tabnapping security flaw in browsers pre-2021 as well as improving privacy.
|
|
*/
|
|
isAbsoluteUrl.value || hasTarget.value ? "noopener noreferrer" : ""
|
|
) || null;
|
|
if (props.custom) {
|
|
if (!slots.default) {
|
|
return null;
|
|
}
|
|
return slots.default({
|
|
href: href.value,
|
|
navigate,
|
|
prefetch,
|
|
get route() {
|
|
if (!href.value) {
|
|
return void 0;
|
|
}
|
|
const url = new URL(href.value, "http://localhost");
|
|
return {
|
|
path: url.pathname,
|
|
fullPath: url.pathname,
|
|
get query() {
|
|
return parseQuery(url.search);
|
|
},
|
|
hash: url.hash,
|
|
params: {},
|
|
name: void 0,
|
|
matched: [],
|
|
redirectedFrom: void 0,
|
|
meta: {},
|
|
href: href.value
|
|
};
|
|
},
|
|
rel,
|
|
target,
|
|
isExternal: isExternal.value || hasTarget.value,
|
|
isActive: false,
|
|
isExactActive: false
|
|
});
|
|
}
|
|
return h("a", {
|
|
ref: el,
|
|
href: href.value || null,
|
|
// converts `""` to `null` to prevent the attribute from being added as empty (`href=""`)
|
|
rel,
|
|
target,
|
|
onClick: async (event) => {
|
|
if (isExternal.value || hasTarget.value) {
|
|
return;
|
|
}
|
|
event.preventDefault();
|
|
try {
|
|
const encodedHref = encodeRoutePath(href.value ?? "");
|
|
return await (props.replace ? router.replace(encodedHref) : router.push(encodedHref));
|
|
} finally {
|
|
}
|
|
}
|
|
}, slots.default?.());
|
|
};
|
|
}
|
|
});
|
|
}
|
|
const __nuxt_component_0 = /* @__PURE__ */ defineNuxtLink(nuxtLinkDefaults);
|
|
function applyTrailingSlashBehavior(to, trailingSlash) {
|
|
const normalizeFn = trailingSlash === "append" ? withTrailingSlash : withoutTrailingSlash;
|
|
const hasProtocolDifferentFromHttp = hasProtocol(to) && !to.startsWith("http");
|
|
if (hasProtocolDifferentFromHttp) {
|
|
return to;
|
|
}
|
|
return normalizeFn(to, true);
|
|
}
|
|
export {
|
|
__nuxt_component_0 as _
|
|
};
|
|
//# sourceMappingURL=nuxt-link-Ci8vU-Yt.js.map
|