Skip to content

Commit

Permalink
docs: Use list for nav example
Browse files Browse the repository at this point in the history
Since many people may copy the example HTML wholesale, using a list inside the nav will start them out with better practices; as per [W3C tutorial](https://www.w3.org/WAI/tutorials/menus/structure/#identify-menus).
  • Loading branch information
novellac authored Nov 10, 2022
1 parent 8408d15 commit cf44854
Showing 1 changed file with 5 additions and 3 deletions.
8 changes: 5 additions & 3 deletions docs/content/4.api/1.components/3.content-navigation.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,9 +18,11 @@ The `default`{lang=ts} slot can be used to render the content with `v-slot="{ na
<template>
<nav>
<ContentNavigation v-slot="{ navigation }">
<div v-for="link of navigation" :key="link._path">
<NuxtLink :to="link._path">{{ link.title }}</NuxtLink>
</div>
<ul>
<li v-for="link of navigation" :key="link._path">
<NuxtLink :to="link._path">{{ link.title }}</NuxtLink>
</li>
</ul>
</ContentNavigation>
</nav>
</template>
Expand Down

0 comments on commit cf44854

Please sign in to comment.