From cf44854883c5db1e9c5e98e364419aaa42e0699e Mon Sep 17 00:00:00 2001
From: novellac <38117965+novellac@users.noreply.github.com>
Date: Thu, 10 Nov 2022 09:04:23 -0500
Subject: [PATCH] docs: Use list for nav example

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).
---
 docs/content/4.api/1.components/3.content-navigation.md | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/docs/content/4.api/1.components/3.content-navigation.md b/docs/content/4.api/1.components/3.content-navigation.md
index f29478600..211227906 100644
--- a/docs/content/4.api/1.components/3.content-navigation.md
+++ b/docs/content/4.api/1.components/3.content-navigation.md
@@ -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>