nuxt__ui/test/components/__snapshots__/PageLinks.spec.ts.snap

// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

exports[`PageLinks > renders with as correctly 1`] = `
"<div data-slot="root" class="flex flex-col gap-3">
  <!--v-if-->
  <ul data-slot="list" class="flex flex-col gap-2">
    <li data-slot="item" class="relative"><a href="/docs" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-lucide:book-open size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Documentation<!--v-if--></span></a></li>
    <li data-slot="item" class="relative"><a href="https://stackblitz.com/edit/nuxt-ui" rel="noopener noreferrer" target="_blank" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-simple-icons:stackblitz size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Playground<span class="iconify i-lucide:arrow-up-right size-3 absolute top-0 text-dimmed" aria-hidden="true" data-slot="linkLabelExternalIcon"></span></span></a></li>
    <li data-slot="item" class="relative"><button type="button" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-primary font-medium"><span class="iconify i-lucide:map size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Roadmap<!--v-if--></span></button></li>
    <li data-slot="item" class="relative"><a href="https://github.com/nuxt/ui/releases" rel="noopener noreferrer" target="_blank" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-lucide:rocket size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Releases<span class="iconify i-lucide:arrow-up-right size-3 absolute top-0 text-dimmed" aria-hidden="true" data-slot="linkLabelExternalIcon"></span></span></a></li>
  </ul>
</div>"
`;

exports[`PageLinks > renders with class correctly 1`] = `
"<nav data-slot="root" class="flex flex-col gap-1.5">
  <!--v-if-->
  <ul data-slot="list" class="flex flex-col gap-2">
    <li data-slot="item" class="relative"><a href="/docs" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-lucide:book-open size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Documentation<!--v-if--></span></a></li>
    <li data-slot="item" class="relative"><a href="https://stackblitz.com/edit/nuxt-ui" rel="noopener noreferrer" target="_blank" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-simple-icons:stackblitz size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Playground<span class="iconify i-lucide:arrow-up-right size-3 absolute top-0 text-dimmed" aria-hidden="true" data-slot="linkLabelExternalIcon"></span></span></a></li>
    <li data-slot="item" class="relative"><button type="button" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-primary font-medium"><span class="iconify i-lucide:map size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Roadmap<!--v-if--></span></button></li>
    <li data-slot="item" class="relative"><a href="https://github.com/nuxt/ui/releases" rel="noopener noreferrer" target="_blank" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-lucide:rocket size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Releases<span class="iconify i-lucide:arrow-up-right size-3 absolute top-0 text-dimmed" aria-hidden="true" data-slot="linkLabelExternalIcon"></span></span></a></li>
  </ul>
</nav>"
`;

exports[`PageLinks > renders with link slot correctly 1`] = `
"<nav data-slot="root" class="flex flex-col gap-3">
  <!--v-if-->
  <ul data-slot="list" class="flex flex-col gap-2">
    <li data-slot="item" class="relative"><a href="/docs" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors">Link slot</a></li>
    <li data-slot="item" class="relative"><a href="https://stackblitz.com/edit/nuxt-ui" rel="noopener noreferrer" target="_blank" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors">Link slot</a></li>
    <li data-slot="item" class="relative"><button type="button" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-primary font-medium">Link slot</button></li>
    <li data-slot="item" class="relative"><a href="https://github.com/nuxt/ui/releases" rel="noopener noreferrer" target="_blank" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors">Link slot</a></li>
  </ul>
</nav>"
`;

exports[`PageLinks > renders with link-label slot correctly 1`] = `
"<nav data-slot="root" class="flex flex-col gap-3">
  <!--v-if-->
  <ul data-slot="list" class="flex flex-col gap-2">
    <li data-slot="item" class="relative"><a href="/docs" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-lucide:book-open size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Link label slot<!--v-if--></span></a></li>
    <li data-slot="item" class="relative"><a href="https://stackblitz.com/edit/nuxt-ui" rel="noopener noreferrer" target="_blank" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-simple-icons:stackblitz size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Link label slot<span class="iconify i-lucide:arrow-up-right size-3 absolute top-0 text-dimmed" aria-hidden="true" data-slot="linkLabelExternalIcon"></span></span></a></li>
    <li data-slot="item" class="relative"><button type="button" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-primary font-medium"><span class="iconify i-lucide:map size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Link label slot<!--v-if--></span></button></li>
    <li data-slot="item" class="relative"><a href="https://github.com/nuxt/ui/releases" rel="noopener noreferrer" target="_blank" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-lucide:rocket size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Link label slot<span class="iconify i-lucide:arrow-up-right size-3 absolute top-0 text-dimmed" aria-hidden="true" data-slot="linkLabelExternalIcon"></span></span></a></li>
  </ul>
</nav>"
`;

exports[`PageLinks > renders with link-leading slot correctly 1`] = `
"<nav data-slot="root" class="flex flex-col gap-3">
  <!--v-if-->
  <ul data-slot="list" class="flex flex-col gap-2">
    <li data-slot="item" class="relative"><a href="/docs" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors">Link leading slot<span data-slot="linkLabel" class="truncate">Documentation<!--v-if--></span></a></li>
    <li data-slot="item" class="relative"><a href="https://stackblitz.com/edit/nuxt-ui" rel="noopener noreferrer" target="_blank" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors">Link leading slot<span data-slot="linkLabel" class="truncate">Playground<span class="iconify i-lucide:arrow-up-right size-3 absolute top-0 text-dimmed" aria-hidden="true" data-slot="linkLabelExternalIcon"></span></span></a></li>
    <li data-slot="item" class="relative"><button type="button" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-primary font-medium">Link leading slot<span data-slot="linkLabel" class="truncate">Roadmap<!--v-if--></span></button></li>
    <li data-slot="item" class="relative"><a href="https://github.com/nuxt/ui/releases" rel="noopener noreferrer" target="_blank" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors">Link leading slot<span data-slot="linkLabel" class="truncate">Releases<span class="iconify i-lucide:arrow-up-right size-3 absolute top-0 text-dimmed" aria-hidden="true" data-slot="linkLabelExternalIcon"></span></span></a></li>
  </ul>
</nav>"
`;

exports[`PageLinks > renders with link-trailing slot correctly 1`] = `
"<nav data-slot="root" class="flex flex-col gap-3">
  <!--v-if-->
  <ul data-slot="list" class="flex flex-col gap-2">
    <li data-slot="item" class="relative"><a href="/docs" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-lucide:book-open size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Documentation<!--v-if--></span>Link trailing slot</a></li>
    <li data-slot="item" class="relative"><a href="https://stackblitz.com/edit/nuxt-ui" rel="noopener noreferrer" target="_blank" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-simple-icons:stackblitz size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Playground<span class="iconify i-lucide:arrow-up-right size-3 absolute top-0 text-dimmed" aria-hidden="true" data-slot="linkLabelExternalIcon"></span></span>Link trailing slot</a></li>
    <li data-slot="item" class="relative"><button type="button" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-primary font-medium"><span class="iconify i-lucide:map size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Roadmap<!--v-if--></span>Link trailing slot</button></li>
    <li data-slot="item" class="relative"><a href="https://github.com/nuxt/ui/releases" rel="noopener noreferrer" target="_blank" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-lucide:rocket size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Releases<span class="iconify i-lucide:arrow-up-right size-3 absolute top-0 text-dimmed" aria-hidden="true" data-slot="linkLabelExternalIcon"></span></span>Link trailing slot</a></li>
  </ul>
</nav>"
`;

exports[`PageLinks > renders with links correctly 1`] = `
"<nav data-slot="root" class="flex flex-col gap-3">
  <!--v-if-->
  <ul data-slot="list" class="flex flex-col gap-2">
    <li data-slot="item" class="relative"><a href="/docs" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-lucide:book-open size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Documentation<!--v-if--></span></a></li>
    <li data-slot="item" class="relative"><a href="https://stackblitz.com/edit/nuxt-ui" rel="noopener noreferrer" target="_blank" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-simple-icons:stackblitz size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Playground<span class="iconify i-lucide:arrow-up-right size-3 absolute top-0 text-dimmed" aria-hidden="true" data-slot="linkLabelExternalIcon"></span></span></a></li>
    <li data-slot="item" class="relative"><button type="button" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-primary font-medium"><span class="iconify i-lucide:map size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Roadmap<!--v-if--></span></button></li>
    <li data-slot="item" class="relative"><a href="https://github.com/nuxt/ui/releases" rel="noopener noreferrer" target="_blank" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-lucide:rocket size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Releases<span class="iconify i-lucide:arrow-up-right size-3 absolute top-0 text-dimmed" aria-hidden="true" data-slot="linkLabelExternalIcon"></span></span></a></li>
  </ul>
</nav>"
`;

exports[`PageLinks > renders with title correctly 1`] = `
"<nav data-slot="root" class="flex flex-col gap-3">
  <p data-slot="title" class="text-sm font-semibold flex items-center gap-1.5">Resources</p>
  <ul data-slot="list" class="flex flex-col gap-2">
    <li data-slot="item" class="relative"><a href="/docs" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-lucide:book-open size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Documentation<!--v-if--></span></a></li>
    <li data-slot="item" class="relative"><a href="https://stackblitz.com/edit/nuxt-ui" rel="noopener noreferrer" target="_blank" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-simple-icons:stackblitz size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Playground<span class="iconify i-lucide:arrow-up-right size-3 absolute top-0 text-dimmed" aria-hidden="true" data-slot="linkLabelExternalIcon"></span></span></a></li>
    <li data-slot="item" class="relative"><button type="button" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-primary font-medium"><span class="iconify i-lucide:map size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Roadmap<!--v-if--></span></button></li>
    <li data-slot="item" class="relative"><a href="https://github.com/nuxt/ui/releases" rel="noopener noreferrer" target="_blank" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-lucide:rocket size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Releases<span class="iconify i-lucide:arrow-up-right size-3 absolute top-0 text-dimmed" aria-hidden="true" data-slot="linkLabelExternalIcon"></span></span></a></li>
  </ul>
</nav>"
`;

exports[`PageLinks > renders with title slot correctly 1`] = `
"<nav data-slot="root" class="flex flex-col gap-3">
  <p data-slot="title" class="text-sm font-semibold flex items-center gap-1.5">Title slot</p>
  <ul data-slot="list" class="flex flex-col gap-2">
    <li data-slot="item" class="relative"><a href="/docs" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-lucide:book-open size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Documentation<!--v-if--></span></a></li>
    <li data-slot="item" class="relative"><a href="https://stackblitz.com/edit/nuxt-ui" rel="noopener noreferrer" target="_blank" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-simple-icons:stackblitz size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Playground<span class="iconify i-lucide:arrow-up-right size-3 absolute top-0 text-dimmed" aria-hidden="true" data-slot="linkLabelExternalIcon"></span></span></a></li>
    <li data-slot="item" class="relative"><button type="button" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-primary font-medium"><span class="iconify i-lucide:map size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Roadmap<!--v-if--></span></button></li>
    <li data-slot="item" class="relative"><a href="https://github.com/nuxt/ui/releases" rel="noopener noreferrer" target="_blank" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-lucide:rocket size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Releases<span class="iconify i-lucide:arrow-up-right size-3 absolute top-0 text-dimmed" aria-hidden="true" data-slot="linkLabelExternalIcon"></span></span></a></li>
  </ul>
</nav>"
`;

exports[`PageLinks > renders with ui correctly 1`] = `
"<nav data-slot="root" class="flex flex-col gap-3">
  <!--v-if-->
  <ul data-slot="list" class="flex flex-col gap-3">
    <li data-slot="item" class="relative"><a href="/docs" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-lucide:book-open size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Documentation<!--v-if--></span></a></li>
    <li data-slot="item" class="relative"><a href="https://stackblitz.com/edit/nuxt-ui" rel="noopener noreferrer" target="_blank" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-simple-icons:stackblitz size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Playground<span class="iconify i-lucide:arrow-up-right size-3 absolute top-0 text-dimmed" aria-hidden="true" data-slot="linkLabelExternalIcon"></span></span></a></li>
    <li data-slot="item" class="relative"><button type="button" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-primary font-medium"><span class="iconify i-lucide:map size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Roadmap<!--v-if--></span></button></li>
    <li data-slot="item" class="relative"><a href="https://github.com/nuxt/ui/releases" rel="noopener noreferrer" target="_blank" data-slot="link" class="group text-sm flex items-center gap-1.5 focus-visible:outline-primary text-muted hover:text-default transition-colors"><span class="iconify i-lucide:rocket size-5 shrink-0" aria-hidden="true" data-slot="linkLeadingIcon"></span><span data-slot="linkLabel" class="truncate">Releases<span class="iconify i-lucide:arrow-up-right size-3 absolute top-0 text-dimmed" aria-hidden="true" data-slot="linkLabelExternalIcon"></span></span></a></li>
  </ul>
</nav>"
`;