srcdev-nuxt-components 9.5.6 → 9.6.0

package/app/components/03.organisms/responsive-header/stories/ResponsiveHeader.stories.ts

@@ -1,10 +1,50 @@
+import { computed, ref } from "vue";
 import ResponsiveHeader from "../ResponsiveHeader.vue";
+import CanvasSwitcher from "../../../01.atoms/canvas-switcher/CanvasSwitcher.vue";
 import type { Meta, StoryObj } from "@nuxtjs/storybook";
+import type { MediaCanvas, ResponsiveHeaderProp } from "~/types/components";
 
-const meta: Meta<typeof ResponsiveHeader> = {
+type MainNavJustify = "space-between" | "flex-start" | "safe center" | "safe end";
+
+// Story-only arg: drives a CSS token, not a ResponsiveHeader prop. See the argTypes entry.
+type StoryArgs = InstanceType<typeof ResponsiveHeader>["$props"] & {
+  mainNavJustifyContent: MainNavJustify;
+};
+
+function useStorySetup(args: StoryArgs) {
+  const componentArgs = computed(() => {
+    const { mainNavJustifyContent: _mainNavJustifyContent, ...rest } = args;
+    return rest;
+  });
+  const tokenStyles = computed(() => ({
+    "--responsive-header-main-nav-justify-content": args.mainNavJustifyContent,
+  }));
+  return { componentArgs, tokenStyles };
+}
+
+const renderWith = (template: string) => (args: StoryArgs) => ({
+  components: { ResponsiveHeader },
+  setup() {
+    return useStorySetup(args);
+  },
+  template: `<div :style="tokenStyles">${template}</div>`,
+});
+
+const render = renderWith(`<ResponsiveHeader v-bind="componentArgs" />`);
+
+const meta: Meta<StoryArgs> = {
   title: "Organisms/Responsive Header",
   component: ResponsiveHeader,
   argTypes: {
+    mainNavJustifyContent: {
+      control: "select",
+      options: ["space-between", "flex-start", "safe center", "safe end"] satisfies MainNavJustify[],
+      description:
+        "**Story control, not a prop.** Sets the `--responsive-header-main-nav-justify-content` CSS token on a wrapper. " +
+        "To use it in an app, set the token in your own CSS, e.g. `.site-nav { --responsive-header-main-nav-justify-content: flex-start; }`. " +
+        "Use `safe end` / `safe center` rather than plain `end` / `center`, so items that don't fit aren't clipped off the start edge.",
+      table: { category: "CSS tokens (story only, set in your CSS)", defaultValue: { summary: "space-between" } },
+    },
     responsiveNavLinks: {
       control: "object",
       description: "Nav groups keyed by name — each item is either a link (`path`) or a dropdown (`childLinks`)",
@@ -29,12 +69,52 @@ const meta: Meta<typeof ResponsiveHeader> = {
       control: "boolean",
       description: "Allow a dropdown to open on hover/focus, not just click",
     },
+    mainNavAriaLabel: { control: "text", table: { category: "Labels", defaultValue: { summary: "Main navigation" } } },
+    secondaryNavAriaLabel: { control: "text", table: { category: "Labels", defaultValue: { summary: "Secondary navigation" } } },
+    overflowMenuAriaLabel: { control: "text", table: { category: "Labels", defaultValue: { summary: "Overflow navigation menu" } } },
+    overflowButtonLabel: {
+      control: "text",
+      description: "Accessible name of the icon-only overflow/burger button",
+      table: { category: "Labels", defaultValue: { summary: "More navigation" } },
+    },
+    submenuAriaLabel: {
+      control: "text",
+      description: "aria-label on each dropdown summary; {title} is replaced with the item's title",
+      table: { category: "Labels", defaultValue: { summary: "{title} submenu" } },
+    },
+    anchorScrollOffset: {
+      control: { type: "number", min: 0, step: 10 },
+      description: "Pixels left above a section when a #anchor link scrolls to it (e.g. a sticky header's height)",
+      table: { category: "Behaviour", defaultValue: { summary: "0" } },
+    },
     styleClassPassthrough: {
       control: "object",
       description: "Extra CSS classes applied to the root element",
     },
   },
+  decorators: [
+    (story, context) => ({
+      components: { story, CanvasSwitcher },
+      setup() {
+        const canvasName = ref<MediaCanvas>(context.parameters.initialCanvas ?? "fullWidthCanvas");
+        return { canvasName };
+      },
+      template: `
+        <div style="padding: 1.2rem 1.6rem; border-block-end: 1px solid currentColor;">
+          <CanvasSwitcher v-model:canvas-name="canvasName" />
+        </div>
+        <div :class="canvasName" style="margin-inline: auto; padding: 2rem; outline: 1px dashed currentColor;">
+          <story />
+        </div>
+      `,
+    }),
+  ],
+  parameters: {
+    layout: "fullscreen",
+  },
+  render,
   args: {
+    mainNavJustifyContent: "space-between",
     gapBetweenFirstAndSecondNav: 12,
     collapseBreakpoint: null,
     collapseAtMainNavIntersection: false,
@@ -44,7 +124,8 @@ const meta: Meta<typeof ResponsiveHeader> = {
 };
 
 export default meta;
-type Story = StoryObj<typeof ResponsiveHeader>;
+type Story = StoryObj<StoryArgs>;
+
 
 const responsiveNavLinks = {
   firstNav: [
@@ -73,13 +154,7 @@ export const Default: Story = {
 export const ConstrainedWidth: Story = {
   name: "Constrained Width (items overflow)",
   args: { responsiveNavLinks },
-  render: (args) => ({
-    components: { ResponsiveHeader },
-    setup() {
-      return { args };
-    },
-    template: `<div style="max-width: 420px"><ResponsiveHeader v-bind="args" /></div>`,
-  }),
+  render: renderWith(`<div style="max-width: 420px"><ResponsiveHeader v-bind="componentArgs" /></div>`),
 };
 
 export const CustomOverflowIcons: Story = {
@@ -92,19 +167,13 @@ export const CustomOverflowIcons: Story = {
 export const WithSecondaryNavigationSlot: Story = {
   name: "With secondaryNavigation slot",
   args: { responsiveNavLinks },
-  render: (args) => ({
-    components: { ResponsiveHeader },
-    setup() {
-      return { args };
-    },
-    template: `
-      <ResponsiveHeader v-bind="args">
+  render: renderWith(`
+      <ResponsiveHeader v-bind="componentArgs">
         <template #secondaryNavigation>
           <a href="/settings" aria-label="Settings">⚙</a>
         </template>
       </ResponsiveHeader>
-    `,
-  }),
+    `),
 };
 
 export const SingleFlatGroup: Story = {
@@ -120,3 +189,117 @@ export const SingleFlatGroup: Story = {
     },
   },
 };
+
+export const MainNavAlignment: Story = {
+  name: "Main Nav Alignment",
+  args: { responsiveNavLinks, mainNavJustifyContent: "flex-start" },
+  parameters: {
+    docs: {
+      description: {
+        story:
+          "The main nav's two groups are spread with `space-between` by default. Use the Main nav justify content control " +
+          "(a CSS token set by the story, not a prop) to try `flex-start`, `safe center` and `safe end`. " +
+          "Narrow the canvas to check items still collapse into the overflow menu from the end, whatever the alignment.",
+      },
+    },
+  },
+};
+
+export const SamePageAnchorLinks: Story = {
+  name: "Same-Page Anchor Links",
+  args: {
+    responsiveNavLinks: {
+      main: [
+        { name: "Home", path: "#rh-home" },
+        { name: "About", path: "#rh-about" },
+        { name: "Testimonials", path: "#rh-testimonials" },
+        {
+          name: "More",
+          childLinks: [
+            { name: "Prices", path: "#rh-prices" },
+            { name: "Blog (a route)", path: "/blog" },
+          ],
+        },
+        { name: "Contact", path: "#rh-contact" },
+      ],
+    },
+    anchorScrollOffset: 80,
+  },
+  render: renderWith(`
+    <div style="position: sticky; top: 0; z-index: 2; background: var(--page-bg, white); border-block-end: 1px solid currentColor;">
+      <ResponsiveHeader v-bind="componentArgs" />
+    </div>
+    <section
+      v-for="id in ['rh-home', 'rh-about', 'rh-testimonials', 'rh-prices', 'rh-contact']"
+      :id="id"
+      :key="id"
+      style="min-block-size: 70vh; padding: 2.4rem; border-block-end: 1px dashed currentColor;"
+    >
+      <h2 style="margin: 0;">#{{ id }}</h2>
+    </section>
+  `),
+  parameters: {
+    docs: {
+      description: {
+        story:
+          "Items whose `path` starts with `#` are same-page section links: they render as plain `<a>` (not NuxtLink), " +
+          "smooth-scroll to the section (an instant jump under reduced motion), and are active by hash rather than by " +
+          "route; the first anchor is active on load. `anchorScrollOffset` (80 here) leaves room for the sticky header. " +
+          "Route links like Blog mix in as normal. Narrow the canvas so items move into the overflow menu: anchor links " +
+          "there scroll the same way and close the menu. This replaces TabNavigation's anchor mode.",
+      },
+    },
+  },
+};
+
+// ─── Stress test ──────────────────────────────────────────────────────────────
+
+const stressNavLinks: ResponsiveHeaderProp = {
+  primary: [
+    { name: "Startseite", path: "/" },
+    { name: "Pneumonoultramicroscopicsilicovolcanoconiosisbehandlungohneleerzeichen", path: "/long" },
+    {
+      name: "Leistungen und Behandlungen",
+      iconName: "lucide:this-icon-does-not-exist",
+      childLinks: [
+        ...Array.from({ length: 26 }, (_, i) => ({ name: `Behandlung ${i + 1}`, path: `/treatment-${i + 1}` })),
+        { name: "Same name", path: "/same-a" },
+        { name: "Same name", path: "/same-b" },
+        { name: "Kopfhautbehandlungmitspeziellenätherischenölenohneleerzeichendurchgehend", path: "/unbroken" },
+        { name: "💇‍♀️ Emoji first", path: "/emoji" },
+      ],
+    },
+    { name: "One child", childLinksTitle: "Only one", childLinks: [{ name: "The one", path: "/one" }] },
+    { name: "<b>not bold</b>", path: "/html" },
+    { name: "من نحن", path: "/rtl" },
+    ...Array.from({ length: 8 }, (_, i) => ({ name: `Item ${i + 1}`, path: `/item-${i + 1}` })),
+  ],
+  secondary: [{ name: "Kontakt und Terminvereinbarung", path: "/contact" }],
+};
+
+export const StressTest: Story = {
+  name: "Stress Test (Worst-Case Data)",
+  args: {
+    responsiveNavLinks: stressNavLinks,
+    mainNavAriaLabel: "Hauptnavigation",
+    secondaryNavAriaLabel: "Sekundäre Navigation",
+    overflowMenuAriaLabel: "Weitere Navigationspunkte",
+    overflowButtonLabel: "Weitere Navigationspunkte anzeigen",
+    submenuAriaLabel: "Untermenü {title}",
+  },
+  parameters: {
+    initialCanvas: "laptopCanvas",
+    docs: {
+      description: {
+        story:
+          "Deliberately hostile data to find breakage: 16 top-level items in group keys other than firstNav/secondNav, " +
+          "a 70-character unbroken item name, a dropdown with no childLinksTitle (its name is shown instead) and 30 children " +
+          "including duplicate names, an unbroken name and emoji, a dropdown with one child, a broken icon name, HTML-like text " +
+          "(must render as text), right-to-left Arabic and German labels throughout. Check at every canvas width: items that " +
+          "don't fit collapse into the overflow menu, the burger only appears when something has collapsed, the top-bar dropdown " +
+          "and the overflow panel never run off-screen (long names wrap, 30 children scroll inside the panel), and nothing " +
+          "shows 'undefined'. Resize the canvas back and forth to check items return to the bar.",
+      },
+    },
+  },
+};

package/app/components/03.organisms/responsive-header/tests/.nuxt/app.config.mjs

@@ -0,0 +1,21 @@
+
+import { defuFn } from 'defu'
+
+const inlineConfig = {
+  "nuxt": {}
+}
+
+/** client **/
+import { _replaceAppConfig } from '#app/config'
+
+// Vite - webpack is handled directly in #app/config
+if (import.meta.dev && !import.meta.nitro && import.meta.hot) {
+  import.meta.hot.accept((newModule) => {
+    _replaceAppConfig(newModule.default)
+  })
+}
+/** client-end **/
+
+
+
+export default /*@__PURE__*/ defuFn(inlineConfig)

package/app/components/03.organisms/responsive-header/tests/.nuxt/components.d.ts

@@ -0,0 +1,66 @@
+
+import type { DefineComponent, SlotsType } from 'vue'
+type IslandComponent<T> = DefineComponent<{}, {refresh: () => Promise<void>}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, SlotsType<{ fallback: { error: unknown } }>> & T
+
+type HydrationStrategies = {
+  hydrateOnVisible?: IntersectionObserverInit | true
+  hydrateOnIdle?: number | true
+  hydrateOnInteraction?: keyof HTMLElementEventMap | Array<keyof HTMLElementEventMap> | true
+  hydrateOnMediaQuery?: string
+  hydrateAfter?: number
+  hydrateWhen?: boolean
+  hydrateNever?: true
+}
+type LazyComponent<T> = DefineComponent<HydrationStrategies, {}, {}, {}, {}, {}, {}, { hydrated: () => void }> & T
+
+
+export const NuxtWelcome: typeof import("../../../../../../node_modules/nuxt/dist/app/components/welcome.vue")['default']
+export const NuxtLayout: typeof import("../../../../../../node_modules/nuxt/dist/app/components/nuxt-layout")['default']
+export const NuxtErrorBoundary: typeof import("../../../../../../node_modules/nuxt/dist/app/components/nuxt-error-boundary.vue")['default']
+export const ClientOnly: typeof import("../../../../../../node_modules/nuxt/dist/app/components/client-only")['default']
+export const DevOnly: typeof import("../../../../../../node_modules/nuxt/dist/app/components/dev-only")['default']
+export const ServerPlaceholder: typeof import("../../../../../../node_modules/nuxt/dist/app/components/server-placeholder")['default']
+export const NuxtLink: typeof import("../../../../../../node_modules/nuxt/dist/app/components/nuxt-link")['default']
+export const NuxtLoadingIndicator: typeof import("../../../../../../node_modules/nuxt/dist/app/components/nuxt-loading-indicator")['default']
+export const NuxtTime: typeof import("../../../../../../node_modules/nuxt/dist/app/components/nuxt-time.vue")['default']
+export const NuxtRouteAnnouncer: typeof import("../../../../../../node_modules/nuxt/dist/app/components/nuxt-route-announcer")['default']
+export const NuxtAnnouncer: typeof import("../../../../../../node_modules/nuxt/dist/app/components/nuxt-announcer")['default']
+export const NuxtImg: typeof import("../../../../../../node_modules/nuxt/dist/app/components/nuxt-stubs")['NuxtImg']
+export const NuxtPicture: typeof import("../../../../../../node_modules/nuxt/dist/app/components/nuxt-stubs")['NuxtPicture']
+export const NuxtPage: typeof import("../../../../../../node_modules/nuxt/dist/pages/runtime/page-placeholder")['default']
+export const NoScript: typeof import("../../../../../../node_modules/nuxt/dist/head/runtime/components")['NoScript']
+export const Link: typeof import("../../../../../../node_modules/nuxt/dist/head/runtime/components")['Link']
+export const Base: typeof import("../../../../../../node_modules/nuxt/dist/head/runtime/components")['Base']
+export const Title: typeof import("../../../../../../node_modules/nuxt/dist/head/runtime/components")['Title']
+export const Meta: typeof import("../../../../../../node_modules/nuxt/dist/head/runtime/components")['Meta']
+export const Style: typeof import("../../../../../../node_modules/nuxt/dist/head/runtime/components")['Style']
+export const Head: typeof import("../../../../../../node_modules/nuxt/dist/head/runtime/components")['Head']
+export const Html: typeof import("../../../../../../node_modules/nuxt/dist/head/runtime/components")['Html']
+export const Body: typeof import("../../../../../../node_modules/nuxt/dist/head/runtime/components")['Body']
+export const NuxtIsland: typeof import("../../../../../../node_modules/nuxt/dist/app/components/nuxt-island")['default']
+export const LazyNuxtWelcome: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/app/components/welcome.vue")['default']>
+export const LazyNuxtLayout: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/app/components/nuxt-layout")['default']>
+export const LazyNuxtErrorBoundary: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/app/components/nuxt-error-boundary.vue")['default']>
+export const LazyClientOnly: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/app/components/client-only")['default']>
+export const LazyDevOnly: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/app/components/dev-only")['default']>
+export const LazyServerPlaceholder: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/app/components/server-placeholder")['default']>
+export const LazyNuxtLink: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/app/components/nuxt-link")['default']>
+export const LazyNuxtLoadingIndicator: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/app/components/nuxt-loading-indicator")['default']>
+export const LazyNuxtTime: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/app/components/nuxt-time.vue")['default']>
+export const LazyNuxtRouteAnnouncer: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/app/components/nuxt-route-announcer")['default']>
+export const LazyNuxtAnnouncer: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/app/components/nuxt-announcer")['default']>
+export const LazyNuxtImg: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/app/components/nuxt-stubs")['NuxtImg']>
+export const LazyNuxtPicture: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/app/components/nuxt-stubs")['NuxtPicture']>
+export const LazyNuxtPage: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/pages/runtime/page-placeholder")['default']>
+export const LazyNoScript: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/head/runtime/components")['NoScript']>
+export const LazyLink: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/head/runtime/components")['Link']>
+export const LazyBase: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/head/runtime/components")['Base']>
+export const LazyTitle: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/head/runtime/components")['Title']>
+export const LazyMeta: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/head/runtime/components")['Meta']>
+export const LazyStyle: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/head/runtime/components")['Style']>
+export const LazyHead: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/head/runtime/components")['Head']>
+export const LazyHtml: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/head/runtime/components")['Html']>
+export const LazyBody: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/head/runtime/components")['Body']>
+export const LazyNuxtIsland: LazyComponent<typeof import("../../../../../../node_modules/nuxt/dist/app/components/nuxt-island")['default']>
+
+export const componentNames: string[]

package/app/components/03.organisms/responsive-header/tests/.nuxt/imports.d.ts

@@ -0,0 +1,30 @@
+export { useScriptTriggerConsent, useScriptEventPage, useScriptTriggerElement, useScript, useScriptGoogleAnalytics, useScriptPlausibleAnalytics, useScriptCrisp, useScriptClarity, useScriptCloudflareWebAnalytics, useScriptVercelAnalytics, useScriptPostHog, useScriptFathomAnalytics, useScriptMatomoAnalytics, useScriptMixpanelAnalytics, useScriptBingUet, useScriptGoogleTagManager, useScriptGoogleAdsense, useScriptGoogleRecaptcha, useScriptGoogleSignIn, useScriptSegment, useScriptMetaPixel, useScriptXPixel, useScriptTikTokPixel, useScriptIntercom, useScriptHotjar, useScriptStripe, useScriptLemonSqueezy, useScriptVimeoPlayer, useScriptYouTubePlayer, useScriptGoogleMaps, useScriptNpm, useScriptUmamiAnalytics, useScriptSnapchatPixel, useScriptRybbitAnalytics, useScriptDatabuddyAnalytics, useScriptRedditPixel, useScriptPayPal, useScriptGravatar, useScriptAhrefsAnalytics, useScriptLinkedInInsight, useScriptCalendly, useScriptUsercentrics } from '#app/composables/script-stubs';
+export { isVue2, isVue3 } from 'vue-demi';
+export { defineNuxtLink } from '#app/components/nuxt-link';
+export { useNuxtApp, tryUseNuxtApp, defineNuxtPlugin, definePayloadPlugin, useRuntimeConfig, defineAppConfig } from '#app/nuxt';
+export { useAppConfig, updateAppConfig } from '#app/config';
+export { defineNuxtComponent } from '#app/composables/component';
+export { useAsyncData, useLazyAsyncData, useNuxtData, refreshNuxtData, clearNuxtData, createUseAsyncData } from '#app/composables/asyncData';
+export { useHydration } from '#app/composables/hydrate';
+export { callOnce } from '#app/composables/once';
+export { useState, clearNuxtState } from '#app/composables/state';
+export { clearError, createError, isNuxtError, showError, useError } from '#app/composables/error';
+export { useFetch, useLazyFetch, createUseFetch } from '#app/composables/fetch';
+export { useCookie, refreshCookie } from '#app/composables/cookie';
+export { onPrehydrate, prerenderRoutes, useRequestHeader, useRequestHeaders, useResponseHeader, useRequestEvent, useRequestFetch, setResponseStatus } from '#app/composables/ssr';
+export { onNuxtReady } from '#app/composables/ready';
+export { preloadComponents, prefetchComponents, preloadRouteComponents } from '#app/composables/preload';
+export { abortNavigation, addRouteMiddleware, defineNuxtRouteMiddleware, setPageLayout, navigateTo, useRoute, useRouter, onBeforeRouteLeave, onBeforeRouteUpdate } from '#app/composables/router';
+export { isPrerendered, loadPayload, preloadPayload, definePayloadReducer, definePayloadReviver } from '#app/composables/payload';
+export { useLoadingIndicator } from '#app/composables/loading-indicator';
+export { getAppManifest, getRouteRules } from '#app/composables/manifest';
+export { reloadNuxtApp } from '#app/composables/chunk';
+export { useRequestURL } from '#app/composables/url';
+export { usePreviewMode } from '#app/composables/preview';
+export { useRouteAnnouncer } from '#app/composables/route-announcer';
+export { useAnnouncer } from '#app/composables/announcer';
+export { useRuntimeHook } from '#app/composables/runtime-hook';
+export { useHead, useHeadSafe, useServerHeadSafe, useServerHead, useSeoMeta, useServerSeoMeta, injectHead } from '#app/composables/head';
+export { withCtx, withDirectives, withKeys, withMemo, withModifiers, withScopeId, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onServerPrefetch, onUnmounted, onUpdated, computed, customRef, isProxy, isReactive, isReadonly, isRef, markRaw, proxyRefs, reactive, readonly, ref, shallowReactive, shallowReadonly, shallowRef, toRaw, toRef, toRefs, triggerRef, unref, watch, watchEffect, watchPostEffect, watchSyncEffect, onWatcherCleanup, isShallow, effect, effectScope, getCurrentScope, onScopeDispose, defineComponent, defineAsyncComponent, resolveComponent, getCurrentInstance, h, inject, hasInjectionContext, nextTick, provide, toValue, useModel, useAttrs, useCssModule, useSlots, useTransitionState, useId, useTemplateRef, useShadowRoot, useCssVars, Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue';
+export { requestIdleCallback, cancelIdleCallback } from '#app/compat/idle-callback';
+export { defineLazyHydrationComponent } from '#app/composables/lazy-hydration';

package/app/components/03.organisms/responsive-header/tests/.nuxt/manifest/meta/test.json

@@ -0,0 +1 @@
+{}

package/app/components/03.organisms/responsive-header/tests/.nuxt/types/app.config.d.ts

@@ -0,0 +1,35 @@
+
+import type { AppConfigInput, CustomAppConfig } from 'nuxt/schema'
+import type { Defu } from 'defu'
+
+
+declare global {
+  const defineAppConfig: <C extends AppConfigInput> (config: C) => C
+}
+
+declare const inlineConfig = {
+  "nuxt": {}
+}
+type ResolvedAppConfig = Defu<typeof inlineConfig, []>
+type IsAny<T> = 0 extends 1 & T ? true : false
+
+type MergedAppConfig<Resolved extends Record<string, unknown>, Custom extends Record<string, unknown>> = {
+  [K in keyof (Resolved & Custom)]: K extends keyof Custom
+    ? unknown extends Custom[K]
+      ? Resolved[K]
+      : IsAny<Custom[K]> extends true
+        ? Resolved[K]
+        : Custom[K] extends Record<string, any>
+            ? Resolved[K] extends Record<string, any>
+              ? MergedAppConfig<Resolved[K], Custom[K]>
+              : Exclude<Custom[K], undefined>
+            : Exclude<Custom[K], undefined>
+    : Resolved[K]
+}
+
+declare module 'nuxt/schema' {
+  interface AppConfig extends MergedAppConfig<ResolvedAppConfig, CustomAppConfig> { }
+}
+declare module '@nuxt/schema' {
+  interface AppConfig extends MergedAppConfig<ResolvedAppConfig, CustomAppConfig> { }
+}

package/app/components/03.organisms/responsive-header/tests/.nuxt/types/build.d.ts

@@ -0,0 +1,23 @@
+declare module "#build/app-component.mjs";
+declare module "#build/nitro.client.mjs";
+declare module "#build/plugins.client.mjs";
+declare module "#build/css.mjs";
+declare module "#build/fetch.mjs";
+declare module "#build/error-component.mjs";
+declare module "#build/global-polyfills.mjs";
+declare module "#build/layouts.mjs";
+declare module "#build/middleware.mjs";
+declare module "#build/nuxt.config.mjs";
+declare module "#build/paths.mjs";
+declare module "#build/root-component.mjs";
+declare module "#build/plugins.server.mjs";
+declare module "#build/test-component-wrapper.mjs";
+declare module "#build/pages.mjs";
+declare module "#build/router.options.mjs";
+declare module "#build/unhead-options.mjs";
+declare module "#build/unhead.config.mjs";
+declare module "#build/components.plugin.mjs";
+declare module "#build/component-names.mjs";
+declare module "#build/components.islands.mjs";
+declare module "#build/component-chunk.mjs";
+declare module "#build/route-rules.mjs";

package/app/components/03.organisms/responsive-header/tests/.nuxt/types/builder-env.d.ts

@@ -0,0 +1 @@
+import "vite/client";

package/app/components/03.organisms/responsive-header/tests/.nuxt/types/components.d.ts

@@ -0,0 +1,71 @@
+
+import type { DefineComponent, SlotsType } from 'vue'
+type IslandComponent<T> = DefineComponent<{}, {refresh: () => Promise<void>}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, SlotsType<{ fallback: { error: unknown } }>> & T
+
+type HydrationStrategies = {
+  hydrateOnVisible?: IntersectionObserverInit | true
+  hydrateOnIdle?: number | true
+  hydrateOnInteraction?: keyof HTMLElementEventMap | Array<keyof HTMLElementEventMap> | true
+  hydrateOnMediaQuery?: string
+  hydrateAfter?: number
+  hydrateWhen?: boolean
+  hydrateNever?: true
+}
+type LazyComponent<T> = DefineComponent<HydrationStrategies, {}, {}, {}, {}, {}, {}, { hydrated: () => void }> & T
+
+interface _GlobalComponents {
+  NuxtWelcome: typeof import("../../../../../../../node_modules/nuxt/dist/app/components/welcome.vue")['default']
+  NuxtLayout: typeof import("../../../../../../../node_modules/nuxt/dist/app/components/nuxt-layout")['default']
+  NuxtErrorBoundary: typeof import("../../../../../../../node_modules/nuxt/dist/app/components/nuxt-error-boundary.vue")['default']
+  ClientOnly: typeof import("../../../../../../../node_modules/nuxt/dist/app/components/client-only")['default']
+  DevOnly: typeof import("../../../../../../../node_modules/nuxt/dist/app/components/dev-only")['default']
+  ServerPlaceholder: typeof import("../../../../../../../node_modules/nuxt/dist/app/components/server-placeholder")['default']
+  NuxtLink: typeof import("../../../../../../../node_modules/nuxt/dist/app/components/nuxt-link")['default']
+  NuxtLoadingIndicator: typeof import("../../../../../../../node_modules/nuxt/dist/app/components/nuxt-loading-indicator")['default']
+  NuxtTime: typeof import("../../../../../../../node_modules/nuxt/dist/app/components/nuxt-time.vue")['default']
+  NuxtRouteAnnouncer: typeof import("../../../../../../../node_modules/nuxt/dist/app/components/nuxt-route-announcer")['default']
+  NuxtAnnouncer: typeof import("../../../../../../../node_modules/nuxt/dist/app/components/nuxt-announcer")['default']
+  NuxtImg: typeof import("../../../../../../../node_modules/nuxt/dist/app/components/nuxt-stubs")['NuxtImg']
+  NuxtPicture: typeof import("../../../../../../../node_modules/nuxt/dist/app/components/nuxt-stubs")['NuxtPicture']
+  NuxtPage: typeof import("../../../../../../../node_modules/nuxt/dist/pages/runtime/page-placeholder")['default']
+  NoScript: typeof import("../../../../../../../node_modules/nuxt/dist/head/runtime/components")['NoScript']
+  Link: typeof import("../../../../../../../node_modules/nuxt/dist/head/runtime/components")['Link']
+  Base: typeof import("../../../../../../../node_modules/nuxt/dist/head/runtime/components")['Base']
+  Title: typeof import("../../../../../../../node_modules/nuxt/dist/head/runtime/components")['Title']
+  Meta: typeof import("../../../../../../../node_modules/nuxt/dist/head/runtime/components")['Meta']
+  Style: typeof import("../../../../../../../node_modules/nuxt/dist/head/runtime/components")['Style']
+  Head: typeof import("../../../../../../../node_modules/nuxt/dist/head/runtime/components")['Head']
+  Html: typeof import("../../../../../../../node_modules/nuxt/dist/head/runtime/components")['Html']
+  Body: typeof import("../../../../../../../node_modules/nuxt/dist/head/runtime/components")['Body']
+  NuxtIsland: typeof import("../../../../../../../node_modules/nuxt/dist/app/components/nuxt-island")['default']
+  LazyNuxtWelcome: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/app/components/welcome.vue")['default']>
+  LazyNuxtLayout: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/app/components/nuxt-layout")['default']>
+  LazyNuxtErrorBoundary: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/app/components/nuxt-error-boundary.vue")['default']>
+  LazyClientOnly: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/app/components/client-only")['default']>
+  LazyDevOnly: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/app/components/dev-only")['default']>
+  LazyServerPlaceholder: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/app/components/server-placeholder")['default']>
+  LazyNuxtLink: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/app/components/nuxt-link")['default']>
+  LazyNuxtLoadingIndicator: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/app/components/nuxt-loading-indicator")['default']>
+  LazyNuxtTime: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/app/components/nuxt-time.vue")['default']>
+  LazyNuxtRouteAnnouncer: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/app/components/nuxt-route-announcer")['default']>
+  LazyNuxtAnnouncer: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/app/components/nuxt-announcer")['default']>
+  LazyNuxtImg: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/app/components/nuxt-stubs")['NuxtImg']>
+  LazyNuxtPicture: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/app/components/nuxt-stubs")['NuxtPicture']>
+  LazyNuxtPage: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/pages/runtime/page-placeholder")['default']>
+  LazyNoScript: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/head/runtime/components")['NoScript']>
+  LazyLink: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/head/runtime/components")['Link']>
+  LazyBase: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/head/runtime/components")['Base']>
+  LazyTitle: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/head/runtime/components")['Title']>
+  LazyMeta: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/head/runtime/components")['Meta']>
+  LazyStyle: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/head/runtime/components")['Style']>
+  LazyHead: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/head/runtime/components")['Head']>
+  LazyHtml: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/head/runtime/components")['Html']>
+  LazyBody: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/head/runtime/components")['Body']>
+  LazyNuxtIsland: LazyComponent<typeof import("../../../../../../../node_modules/nuxt/dist/app/components/nuxt-island")['default']>
+}
+
+declare module 'vue' {
+  export interface GlobalComponents extends _GlobalComponents { }
+}
+
+export {}