undocs 0.2.15 → 0.2.17

package/app/components/AppHeader.vue

@@ -10,12 +10,14 @@ const { metaSymbol } = useShortcuts()
 const docsNav = useDocsNav()
 
 const headerLinks = computed(() => {
-  return docsNav.links.map((link) => {
-    return {
-      ...link,
-      children: link.children?.filter((child) => !child.children || child.children.some((c) => c.to === child.to)),
-    }
-  })
+  return docsNav.links
+    .filter((link) => link.hasIndex)
+    .map((link) => {
+      return {
+        ...link,
+        children: link.children?.filter((child) => !child.children || child.children.some((c) => c.to === child.to)),
+      }
+    })
 })
 </script>
 

package/app/components/LandingBackground.vue

@@ -22,12 +22,9 @@ onMounted(() => {
 </script>
 
 <template>
-  <div
-    class="bg absolute left-0 right-0 top-0 bottom-0 -z-10 transform-gpu blur-3xl overflow-hidden"
-    aria-hidden="true"
-  >
+  <div class="bg absolute inset-0 -z-10 transform-gpu blur-3xl overflow-hidden" aria-hidden="true">
     <div
-      class="aspect-[1.7] w-full bg-gradient-to-r from-[rgb(var(--color-primary-DEFAULT))] to-white/10 lg:opacity-30 xs:opacity-50"
+      class="aspect-[1.7] h-full w-full bg-gradient-to-r from-[rgb(var(--color-primary-DEFAULT))] to-white/10 lg:opacity-30 xs:opacity-50"
       :style="{ 'clip-path': `polygon(${poly})` }"
     />
   </div>

package/app/components/global/ReadMore.vue

@@ -1,6 +1,6 @@
 <!-- eslint-disable vue/no-v-html -->
 <template>
-  <Callout icon="i-ph-bookmark-simple-duotone" :to="to || '#'">
+  <Callout icon="i-ph-bookmark-simple-duotone" :to="to">
     <MDCSlot unwrap="p"> Read more in <span class="font-bold" v-html="computedTitle" />. </MDCSlot>
   </Callout>
 </template>
@@ -25,9 +25,9 @@ const props = defineProps({
   },
 })
 
-const createBreadcrumb = (link: string = 'Missing link') => {
+const createBreadcrumb = (link: string = 'here') => {
   if (link.startsWith('http')) {
-    return link
+    return link.replace(/^https?:\/\//, '')
   }
   return link
     .split('/')

package/app/nuxt.config.ts

@@ -56,7 +56,7 @@ export default defineNuxtConfig({
       '\\.(js|mjs|ts)$',
     ],
     highlight: {
-      langs: ['json5', 'jsonc', 'toml', 'yaml', 'html', 'sh', 'shell', 'bash'],
+      langs: ['json5', 'jsonc', 'toml', 'yaml', 'html', 'sh', 'shell', 'bash', 'mdc', 'markdown', 'md'],
     },
   },
   routeRules: {

package/app/pages/index.vue

@@ -92,7 +92,11 @@ const hero = computed(() => {
   <template v-if="page.features?.length > 0 && !hero.withFeatures">
     <ULandingSection :title="page.featuresTitle">
       <UPageGrid>
-        <ULandingCard v-for="(item, index) of page.features" :key="index" v-bind="item" />
+        <ULandingCard v-for="(item, index) of page.features" :key="index" v-bind="item">
+          <template v-if="item.description" #description>
+            <MDC :value="item.description" tag="p" class="prose prose-primary dark:prose-invert" />
+          </template>
+        </ULandingCard>
       </UPageGrid>
     </ULandingSection>
   </template>

package/app/utils/nav.ts

@@ -9,24 +9,35 @@ export function useDocsNav() {
 
   const links = computed(() => {
     return mapContentNavigation(navigation.value).map((item) => {
+      console.log(item)
+
+      // Flatren single child
       if (item.children?.length === 1) {
-        return {
+        item = {
           ...item,
           ...item.children[0],
           children: undefined,
-          active: isActive(item.to as string),
         }
       }
+
+      // Check if group index is not exists and default to first child
+      const originalTo = item.to as string
+      if (item.children?.length && !item.children.some((c) => c.to === originalTo)) {
+        item.to = item.children[0].to
+      }
+
       return {
         ...item,
-        label: titleCase(item.to),
-        active: isActive(item.to as string),
+        originalTo,
+        hasIndex: item.to === originalTo,
+        label: titleCase(originalTo),
+        active: isActive(originalTo),
       }
     })
   })
 
   const activeLinks = computed(() => {
-    return links.value.find((l) => route.path.startsWith(l.to as string))?.children || []
+    return links.value.find((l) => route.path.startsWith(l.originalTo))?.children || []
   })
 
   return reactive({

package/cli/main.mjs

@@ -8,7 +8,7 @@ const cli = createCLI({
   setup: {
     defaults: {
       github: 'unjs',
-      themeColor: '#ECDC5A',
+      themeColor: 'amber',
     },
   },
 })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "undocs",
-  "version": "0.2.15",
+  "version": "0.2.17",
   "repository": "unjs/undocs",
   "license": "MIT",
   "type": "module",