docs: update

docs/app/components/Footer.vue

@@ -1,21 +1,19 @@
 <script setup lang="ts">
-const links = [{
-  icon: 'i-simple-icons-figma',
+const route = useRoute()
+
+const items = [{
   label: 'Figma Kit',
   to: 'https://www.figma.com/community/file/1288455405058138934',
   target: '_blank'
 }, {
   label: 'Playground',
-  icon: 'i-simple-icons-stackblitz',
   to: 'https://stackblitz.com/edit/nuxt-ui',
   target: '_blank'
 }, {
   label: 'Roadmap',
-  icon: 'i-heroicons-map',
   to: '/roadmap'
 }, {
   label: 'Releases',
-  icon: 'i-heroicons-rocket-launch',
   to: '/releases'
 }]
 </script>
@@ -23,9 +21,9 @@ const links = [{
 <template>
   <USeparator icon="i-simple-icons-nuxtdotjs" class="h-px" />
 
-  <UFooter :links="links">
+  <UFooter>
     <template #left>
-      <NuxtLink v-if="$route.path.startsWith('/pro')" to="https://ui.nuxt.com/pro/purchase" target="_blank" class="text-sm text-gray-500 dark:text-gray-400">
+      <NuxtLink v-if="route.path.startsWith('/pro')" to="https://ui.nuxt.com/pro/purchase" target="_blank" class="text-sm text-gray-500 dark:text-gray-400">
         Purchase <span class="text-gray-900 dark:text-white">Nuxt UI Pro</span>
       </NuxtLink>
       <NuxtLink v-else to="https://github.com/nuxt/ui" target="_blank" class="text-sm text-gray-500 dark:text-gray-400">
@@ -33,6 +31,8 @@ const links = [{
       </NuxtLink>
     </template>
 
+    <UNavigationMenu :items="items" variant="link" color="black" />
+
     <template #right>
       <UButton aria-label="Nuxt Website" icon="i-simple-icons-nuxtdotjs" to="https://nuxt.com" target="_blank" color="gray" variant="ghost" />
       <UButton aria-label="Nuxt UI on Discord" icon="i-simple-icons-discord" to="https://chat.nuxt.dev" target="_blank" color="gray" variant="ghost" />