@vizejs/musea-nuxt 0.429.0 → 0.429.2

package/dist/index.d.mts

@@ -300,10 +300,119 @@ declare function useId(): string;
 declare function reloadNuxtApp(_options?: Record<string, unknown>): Promise<void>;
 //#endregion
 //#region src/mocks/components.d.ts
+/** Mock NuxtLink. Renders an anchor, or the custom slot when `custom` is set. */
+declare const NuxtLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  to: {
+    type: PropType<NuxtMuseaNavigationTarget>;
+    default: string;
+  };
+  href: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  target: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  rel: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  external: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  replace: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  prefetch: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  noPrefetch: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  activeClass: {
+    type: StringConstructor;
+    default: string;
+  };
+  exactActiveClass: {
+    type: StringConstructor;
+    default: string;
+  };
+  custom: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  to: {
+    type: PropType<NuxtMuseaNavigationTarget>;
+    default: string;
+  };
+  href: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  target: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  rel: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  external: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  replace: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  prefetch: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  noPrefetch: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  activeClass: {
+    type: StringConstructor;
+    default: string;
+  };
+  exactActiveClass: {
+    type: StringConstructor;
+    default: string;
+  };
+  custom: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+}>> & Readonly<{}>, {
+  to: NuxtMuseaNavigationTarget;
+  href: string;
+  target: string;
+  rel: string;
+  external: boolean;
+  replace: boolean;
+  prefetch: boolean;
+  noPrefetch: boolean;
+  activeClass: string;
+  exactActiveClass: string;
+  custom: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /**
- * Mock NuxtLink - renders as <RouterLink> or <a>.
+ * Mock RouterLink for previews that have not installed vue-router.
+ * Same anchor rendering as NuxtLink, including the custom slot.
  */
-declare const NuxtLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const RouterLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   to: {
     type: PropType<NuxtMuseaNavigationTarget>;
     default: string;
@@ -411,7 +520,26 @@ declare const NuxtLink: import("vue").DefineComponent<import("vue").ExtractPropT
   custom: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /**
- * Mock NuxtPage - renders <RouterView> or slot content.
+ * Mock RouterView for previews that have not installed vue-router.
+ * Renders a plain element so `<RouterView>` does not fall through as an unknown tag.
+ */
+declare const RouterView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  name: {
+    type: StringConstructor;
+    default: string;
+  };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  name: {
+    type: StringConstructor;
+    default: string;
+  };
+}>> & Readonly<{}>, {
+  name: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * Mock NuxtPage - renders slot content or a placeholder.
  */
 declare const NuxtPage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   name: {
@@ -595,4 +723,4 @@ declare const NuxtPicture: import("vue").DefineComponent<import("vue").ExtractPr
  */
 declare function nuxtMusea(options?: NuxtMuseaOptions): Plugin;
 //#endregion
-export { ClientOnly, NuxtClientFallback, NuxtErrorBoundary, NuxtImg, NuxtIsland, NuxtLayout, NuxtLink, NuxtLoadingIndicator, type NuxtMuseaOptions, NuxtPage, NuxtPicture, NuxtRouteAnnouncer, NuxtWelcome, abortNavigation, callOnce, clearError, clearNuxtData, clearNuxtState, configureNuxtMuseaMocks, createError, createNuxtMuseaPreviewSetup, defineNuxtComponent, defineNuxtPlugin, defineNuxtRouteMiddleware, definePageMeta, getAppConfigState, getRouteState, getRuntimeConfigState, installNuxtMuseaMocks, navigateTo, nuxtMusea, onNuxtReady, prefetchComponents, preloadComponents, preloadRouteComponents, refreshNuxtData, reloadNuxtApp, resetNuxtMuseaMocks, setPageLayout, showError, updateAppConfig, useAppConfig, useAsyncData, useCookie, useError, useFetch, useHead, useHeadSafe, useId, useLazyAsyncData, useLazyFetch, useNuxtApp, useNuxtData, useRequestEvent, useRequestFetch, useRequestHeaders, useRequestURL, useRoute, useRouter, useRuntimeConfig, useSeoMeta, useServerSeoMeta, useState };
+export { ClientOnly, NuxtClientFallback, NuxtErrorBoundary, NuxtImg, NuxtIsland, NuxtLayout, NuxtLink, NuxtLoadingIndicator, type NuxtMuseaOptions, NuxtPage, NuxtPicture, NuxtRouteAnnouncer, NuxtWelcome, RouterLink, RouterView, abortNavigation, callOnce, clearError, clearNuxtData, clearNuxtState, configureNuxtMuseaMocks, createError, createNuxtMuseaPreviewSetup, defineNuxtComponent, defineNuxtPlugin, defineNuxtRouteMiddleware, definePageMeta, getAppConfigState, getRouteState, getRuntimeConfigState, installNuxtMuseaMocks, navigateTo, nuxtMusea, onNuxtReady, prefetchComponents, preloadComponents, preloadRouteComponents, refreshNuxtData, reloadNuxtApp, resetNuxtMuseaMocks, setPageLayout, showError, updateAppConfig, useAppConfig, useAsyncData, useCookie, useError, useFetch, useHead, useHeadSafe, useId, useLazyAsyncData, useLazyFetch, useNuxtApp, useNuxtData, useRequestEvent, useRequestFetch, useRequestHeaders, useRequestURL, useRoute, useRouter, useRuntimeConfig, useSeoMeta, useServerSeoMeta, useState };

package/dist/index.mjs

@@ -62,6 +62,8 @@ export {
   NuxtClientFallback,
   NuxtImg,
   NuxtPicture,
+  RouterLink,
+  RouterView,
 } from '${path.join(srcDir, "mocks", "components.js").replace(/\\/g, "/")}';
 `;
 }
@@ -319,85 +321,110 @@ function useRouter() {
 /**
 * Mock Nuxt built-in components.
 */
+const anchorLinkProps = {
+	to: {
+		type: [String, Object],
+		default: "/"
+	},
+	href: {
+		type: String,
+		default: void 0
+	},
+	target: {
+		type: String,
+		default: void 0
+	},
+	rel: {
+		type: String,
+		default: void 0
+	},
+	external: {
+		type: Boolean,
+		default: false
+	},
+	replace: {
+		type: Boolean,
+		default: false
+	},
+	prefetch: {
+		type: Boolean,
+		default: true
+	},
+	noPrefetch: {
+		type: Boolean,
+		default: false
+	},
+	activeClass: {
+		type: String,
+		default: "router-link-active"
+	},
+	exactActiveClass: {
+		type: String,
+		default: "router-link-exact-active"
+	},
+	custom: {
+		type: Boolean,
+		default: false
+	}
+};
 /**
-* Mock NuxtLink - renders as <RouterLink> or <a>.
-*/
-const NuxtLink = defineComponent({
-	name: "NuxtLink",
-	props: {
-		to: {
-			type: [String, Object],
-			default: "/"
-		},
-		href: {
-			type: String,
-			default: void 0
-		},
-		target: {
-			type: String,
-			default: void 0
-		},
-		rel: {
-			type: String,
-			default: void 0
-		},
-		external: {
-			type: Boolean,
-			default: false
-		},
-		replace: {
-			type: Boolean,
-			default: false
-		},
-		prefetch: {
-			type: Boolean,
-			default: true
-		},
-		noPrefetch: {
-			type: Boolean,
-			default: false
-		},
-		activeClass: {
-			type: String,
-			default: "router-link-active"
-		},
-		exactActiveClass: {
-			type: String,
-			default: "router-link-exact-active"
-		},
-		custom: {
-			type: Boolean,
-			default: false
+* Anchor link used by the NuxtLink and RouterLink mocks.
+* `custom` exposes the same slot props as NuxtLink.
+*/
+function createAnchorLink(name, dataAttr) {
+	return defineComponent({
+		name,
+		props: anchorLinkProps,
+		setup(props, { slots }) {
+			return () => {
+				const target = props.href ?? props.to;
+				const href = typeof target === "string" ? target : routeTargetToHref(target);
+				const navigate = () => navigateTo(target, { replace: props.replace });
+				if (props.custom) return slots.default?.({
+					href,
+					navigate,
+					route: useRoute(),
+					isActive: false,
+					isExactActive: false
+				});
+				return h("a", {
+					[dataAttr]: "",
+					href,
+					target: props.target,
+					rel: props.rel ?? (props.target === "_blank" ? "noopener noreferrer" : void 0),
+					onClick: (event) => {
+						if (props.external || props.target === "_blank" || isExternalHref(href)) return;
+						event.preventDefault();
+						navigate();
+					}
+				}, slots.default?.());
+			};
 		}
-	},
+	});
+}
+/** Mock NuxtLink. Renders an anchor, or the custom slot when `custom` is set. */
+const NuxtLink = createAnchorLink("NuxtLink", "data-nuxt-link");
+/**
+* Mock RouterLink for previews that have not installed vue-router.
+* Same anchor rendering as NuxtLink, including the custom slot.
+*/
+const RouterLink = createAnchorLink("RouterLink", "data-router-link");
+/**
+* Mock RouterView for previews that have not installed vue-router.
+* Renders a plain element so `<RouterView>` does not fall through as an unknown tag.
+*/
+const RouterView = defineComponent({
+	name: "RouterView",
+	props: { name: {
+		type: String,
+		default: "default"
+	} },
 	setup(props, { slots }) {
-		return () => {
-			const target = props.href ?? props.to;
-			const href = typeof target === "string" ? target : routeTargetToHref(target);
-			const navigate = () => navigateTo(target, { replace: props.replace });
-			if (props.custom) return slots.default?.({
-				href,
-				navigate,
-				route: useRoute(),
-				isActive: false,
-				isExactActive: false
-			});
-			return h("a", {
-				"data-nuxt-link": "",
-				href,
-				target: props.target,
-				rel: props.rel ?? (props.target === "_blank" ? "noopener noreferrer" : void 0),
-				onClick: (event) => {
-					if (props.external || props.target === "_blank" || isExternalHref(href)) return;
-					event.preventDefault();
-					navigate();
-				}
-			}, slots.default?.());
-		};
+		return () => h("div", { "data-router-view": props.name }, slots.default?.());
 	}
 });
 /**
-* Mock NuxtPage - renders <RouterView> or slot content.
+* Mock NuxtPage - renders slot content or a placeholder.
 */
 const NuxtPage = defineComponent({
 	name: "NuxtPage",
@@ -677,12 +704,23 @@ const builtInComponents = {
 function installNuxtMuseaMocks(app, options = {}) {
 	configureNuxtMuseaMocks(options);
 	for (const [name, component] of Object.entries(builtInComponents)) app.component(name, component);
-	app.config.globalProperties.$config = useRuntimeConfig();
-	app.config.globalProperties.$route = useRoute();
-	app.config.globalProperties.$router = useRouter();
+	registerUnlessPresent(app, "RouterLink", RouterLink);
+	registerUnlessPresent(app, "RouterView", RouterView);
+	const globals = app.config.globalProperties;
+	globals.$config = useRuntimeConfig();
+	assignGlobalUnlessDefined(globals, "$route", useRoute());
+	assignGlobalUnlessDefined(globals, "$router", useRouter());
 	app.provide("nuxt-app", useNuxtApp());
 	return app;
 }
+function registerUnlessPresent(app, name, component) {
+	if (app.component(name)) return;
+	app.component(name, component);
+}
+function assignGlobalUnlessDefined(target, key, value) {
+	if (Object.getOwnPropertyDescriptor(target, key)) return;
+	target[key] = value;
+}
 function createNuxtMuseaPreviewSetup(options = {}) {
 	return (app) => {
 		installNuxtMuseaMocks(app, options);
@@ -855,4 +893,4 @@ function nuxtMusea(options = {}) {
 	return createNuxtMuseaPlugin(options);
 }
 //#endregion
-export { ClientOnly, NuxtClientFallback, NuxtErrorBoundary, NuxtImg, NuxtIsland, NuxtLayout, NuxtLink, NuxtLoadingIndicator, NuxtPage, NuxtPicture, NuxtRouteAnnouncer, NuxtWelcome, abortNavigation, callOnce, clearError, clearNuxtData, clearNuxtState, configureNuxtMuseaMocks, createError, createNuxtMuseaPreviewSetup, defineNuxtComponent, defineNuxtPlugin, defineNuxtRouteMiddleware, definePageMeta, getAppConfigState, getRouteState, getRuntimeConfigState, installNuxtMuseaMocks, navigateTo, nuxtMusea, onNuxtReady, prefetchComponents, preloadComponents, preloadRouteComponents, refreshNuxtData, reloadNuxtApp, resetNuxtMuseaMocks, setPageLayout, showError, updateAppConfig, useAppConfig, useAsyncData, useCookie, useError, useFetch, useHead, useHeadSafe, useId, useLazyAsyncData, useLazyFetch, useNuxtApp, useNuxtData, useRequestEvent, useRequestFetch, useRequestHeaders, useRequestURL, useRoute, useRouter, useRuntimeConfig, useSeoMeta, useServerSeoMeta, useState };
+export { ClientOnly, NuxtClientFallback, NuxtErrorBoundary, NuxtImg, NuxtIsland, NuxtLayout, NuxtLink, NuxtLoadingIndicator, NuxtPage, NuxtPicture, NuxtRouteAnnouncer, NuxtWelcome, RouterLink, RouterView, abortNavigation, callOnce, clearError, clearNuxtData, clearNuxtState, configureNuxtMuseaMocks, createError, createNuxtMuseaPreviewSetup, defineNuxtComponent, defineNuxtPlugin, defineNuxtRouteMiddleware, definePageMeta, getAppConfigState, getRouteState, getRuntimeConfigState, installNuxtMuseaMocks, navigateTo, nuxtMusea, onNuxtReady, prefetchComponents, preloadComponents, preloadRouteComponents, refreshNuxtData, reloadNuxtApp, resetNuxtMuseaMocks, setPageLayout, showError, updateAppConfig, useAppConfig, useAsyncData, useCookie, useError, useFetch, useHead, useHeadSafe, useId, useLazyAsyncData, useLazyFetch, useNuxtApp, useNuxtData, useRequestEvent, useRequestFetch, useRequestHeaders, useRequestURL, useRoute, useRouter, useRuntimeConfig, useSeoMeta, useServerSeoMeta, useState };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizejs/musea-nuxt",
-  "version": "0.429.0",
+  "version": "0.429.2",
   "description": "Nuxt mock layer for Musea - enables Nuxt component isolation in galleries",
   "keywords": [
     "component-gallery",