srcdev-nuxt-components 9.5.7 → 9.6.1

package/app/components/02.molecules/navigation/tab-navigation/tests/__snapshots__/TabNavigation.spec.ts.snap

@@ -1,33 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`TabNavigation > renders correct HTML structure 1`] = `
-"<nav class="tab-navigation tab-navigation--left is-loaded is-animated" aria-label="Site navigation">
-  <ul class="tab-nav-list">
-    <li data-href="/" class="is-active">
-      <!-- Plain <a> for hash links — keeps Vue Router out of the smooth-scroll path --><a href="/" class="tab-nav-link" data-nav-item="">
-        <!--v-if--> Home
-      </a>
-    </li>
-    <li data-href="/about" class="">
-      <!-- Plain <a> for hash links — keeps Vue Router out of the smooth-scroll path --><a href="/about" class="tab-nav-link" data-nav-item="">
-        <!--v-if--> About
-      </a>
-    </li>
-    <li data-href="/contact" class="">
-      <!-- Plain <a> for hash links — keeps Vue Router out of the smooth-scroll path --><a href="/contact" class="tab-nav-link" data-nav-item="">
-        <!--v-if--> Contact
-      </a>
-    </li>
-    <li aria-hidden="true" role="none" class="nav-indicator-li">
-      <div class="nav__hovered"></div>
-    </li>
-    <li aria-hidden="true" role="none" class="nav-indicator-li">
-      <div class="nav__active-indicator"></div>
-    </li>
-  </ul>
-  <!--v-if-->
-  <!--teleport start-->
-  <!--teleport end-->
-  <!--v-if-->
-</nav>"
-`;

package/app/composables/useNavCollapse.ts

@@ -1,86 +0,0 @@
-import { useResizeObserver, onClickOutside } from "@vueuse/core";
-
-interface NavCollapseOptions {
-  onResize?: () => void;
-  onRouteChange?: () => void;
-  onMounted?: () => void;
-}
-
-export const useNavCollapse = (stateKey: string, options: NavCollapseOptions = {}) => {
-  const navRef = ref<HTMLElement | null>(null);
-  const navListRef = ref<HTMLUListElement | null>(null);
-
-  const isCollapsed = ref(false);
-  const isLoaded = useState(stateKey, () => false);
-  const isMenuOpen = ref(false);
-
-  // Stored natural width of the list — used when the list is not in the DOM
-  let navListNaturalWidth = 0;
-
-  const checkOverflow = () => {
-    if (!navRef.value) return;
-    if (navListRef.value) {
-      navListNaturalWidth = navListRef.value.scrollWidth;
-    }
-    isCollapsed.value = navListNaturalWidth > navRef.value.clientWidth;
-  };
-
-  const toggleMenu = () => {
-    isMenuOpen.value = !isMenuOpen.value;
-  };
-
-  const closeMenu = () => {
-    isMenuOpen.value = false;
-  };
-
-  // useRoute() in Nuxt is SSR-aware — route.path is consistent on server and client,
-  // so isActiveItem can be used directly without a isMounted guard.
-  const route = useRoute();
-
-  const activeHref = computed(() => route.path);
-  const isActiveItem = (href?: string) => {
-    if (!href) return false;
-    if (href.startsWith("#")) return href === route.hash;
-    return href === route.path;
-  };
-
-  watch(
-    () => route.path,
-    () => {
-      closeMenu();
-      options.onRouteChange?.();
-    },
-    { flush: "post" }
-  );
-
-  useResizeObserver(navRef, () => {
-    checkOverflow();
-    if (!isCollapsed.value) closeMenu();
-    options.onResize?.();
-  });
-
-  onClickOutside(navRef, closeMenu);
-
-  const router = useRouter();
-
-  onMounted(async () => {
-    await nextTick();
-    checkOverflow();
-    isLoaded.value = true;
-    await router.isReady();
-    options.onMounted?.();
-  });
-
-  return {
-    navRef,
-    navListRef,
-    isCollapsed,
-    isLoaded,
-    isMenuOpen,
-    activeHref,
-    checkOverflow,
-    toggleMenu,
-    closeMenu,
-    isActiveItem,
-  };
-};

package/app/types/components/nav-item.d.ts

@@ -1,11 +0,0 @@
-export interface NavItem {
-  text: string;
-  href?: string;
-  isExternal?: boolean;
-  iconName?: string;
-  cssName?: string;
-}
-
-export interface NavItemData {
-  [key: string]: NavItem[];
-}