docs-please 0.2.3 → 0.2.5

package/app/components/app/AppSearch.vue

@@ -17,7 +17,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from '~/components/ui/dialog'
-import { flattenNavigation, useContentSearch } from '~/composables/useContentSearch'
+import { flattenNavigationToSearchItems, useContentSearch } from '~/composables/useContentSearch'
 
 const router = useRouter()
 const colorMode = useColorMode()
@@ -27,7 +27,7 @@ const { data: navigation } = await useNavigation()
 const searchTerm = ref('')
 
 // Flatten navigation for search
-const searchItems = computed(() => flattenNavigation(navigation.value))
+const searchItems = computed(() => flattenNavigationToSearchItems(navigation.value))
 
 // Fuse search
 const { results } = useFuse(searchTerm, searchItems, {

package/app/components/content/Caution.vue

@@ -11,8 +11,8 @@ defineProps<{
 <template>
   <Callout
     type="caution"
-    :title
-    :class
+    :title="title"
+    :class="$attrs.class"
   >
     <template
       v-if="$slots.title"

package/app/components/content/Note.vue

@@ -11,8 +11,8 @@ defineProps<{
 <template>
   <Callout
     type="note"
-    :title
-    :class
+    :title="title"
+    :class="$attrs.class"
   >
     <template
       v-if="$slots.title"

package/app/components/content/ProseTable.vue

@@ -12,7 +12,10 @@ const props = defineProps<{
 </script>
 
 <template>
-  <div data-slot="prose-table" class="no-scrollbar my-6 w-full overflow-hidden rounded-lg border">
+  <div
+    data-slot="prose-table"
+    class="no-scrollbar my-6 w-full overflow-hidden rounded-lg border"
+  >
     <table
       :class="cn(
         'w-full border-collapse text-sm',

package/app/components/content/Tip.vue

@@ -11,8 +11,8 @@ defineProps<{
 <template>
   <Callout
     type="tip"
-    :title
-    :class
+    :title="title"
+    :class="$attrs.class"
   >
     <template
       v-if="$slots.title"

package/app/components/content/UButton.vue

@@ -8,7 +8,7 @@ interface Props extends NuxtLinkProps {
   size?: ButtonVariants['size']
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 'default',
   variant: 'default',
 })

package/app/components/content/Warning.vue

@@ -11,8 +11,8 @@ defineProps<{
 <template>
   <Callout
     type="warning"
-    :title
-    :class
+    :title="title"
+    :class="$attrs.class"
   >
     <template
       v-if="$slots.title"

package/app/components/ui/command/Command.vue

@@ -1,28 +1,28 @@
 <script setup lang="ts">
-import type { ListboxRootEmits, ListboxRootProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { ListboxRoot, useFilter, useForwardPropsEmits } from "reka-ui"
-import { reactive, ref, watch } from "vue"
+import type { ListboxRootEmits, ListboxRootProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { ListboxRoot, useFilter, useForwardPropsEmits } from 'reka-ui'
+import { reactive, ref, watch } from 'vue'
 import { cn } from '~/lib/utils'
-import { provideCommandContext } from "."
+import { provideCommandContext } from '.'
 
-const props = withDefaults(defineProps<ListboxRootProps & { class?: HTMLAttributes["class"] }>(), {
-  modelValue: "",
+const props = withDefaults(defineProps<ListboxRootProps & { class?: HTMLAttributes['class'] }>(), {
+  modelValue: '',
 })
 
 const emits = defineEmits<ListboxRootEmits>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const forwarded = useForwardPropsEmits(delegatedProps, emits)
 
 const allItems = ref<Map<string, string>>(new Map())
 const allGroups = ref<Map<string, Set<string>>>(new Map())
 
-const { contains } = useFilter({ sensitivity: "base" })
+const { contains } = useFilter({ sensitivity: 'base' })
 const filterState = reactive({
-  search: "",
+  search: '',
   filtered: {
     /** The count of all visible items. */
     count: 0,

package/app/components/ui/command/CommandDialog.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { DialogRootEmits, DialogRootProps } from "reka-ui"
-import { useForwardPropsEmits } from "reka-ui"
+import type { DialogRootEmits, DialogRootProps } from 'reka-ui'
+import { useForwardPropsEmits } from 'reka-ui'
 import { Dialog, DialogContent } from '~/components/ui/dialog'
-import Command from "./Command.vue"
+import Command from './Command.vue'
 
 const props = defineProps<DialogRootProps>()
 const emits = defineEmits<DialogRootEmits>()

package/app/components/ui/command/CommandEmpty.vue

@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import type { PrimitiveProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { Primitive } from "reka-ui"
-import { computed } from "vue"
+import type { PrimitiveProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { Primitive } from 'reka-ui'
+import { computed } from 'vue'
 import { cn } from '~/lib/utils'
-import { useCommand } from "."
+import { useCommand } from '.'
 
-const props = defineProps<PrimitiveProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<PrimitiveProps & { class?: HTMLAttributes['class'] }>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const { filterState } = useCommand()
 const isRender = computed(() => !!filterState.search && filterState.filtered.count === 0,
@@ -17,7 +17,11 @@ const isRender = computed(() => !!filterState.search && filterState.filtered.cou
 </script>
 
 <template>
-  <Primitive v-if="isRender" v-bind="delegatedProps" :class="cn('py-6 text-center text-sm', props.class)">
+  <Primitive
+    v-if="isRender"
+    v-bind="delegatedProps"
+    :class="cn('py-6 text-center text-sm', props.class)"
+  >
     <slot />
   </Primitive>
 </template>

package/app/components/ui/command/CommandGroup.vue

@@ -1,18 +1,18 @@
 <script setup lang="ts">
-import type { ListboxGroupProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { ListboxGroup, ListboxGroupLabel, useId } from "reka-ui"
-import { computed, onMounted, onUnmounted } from "vue"
+import type { ListboxGroupProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { ListboxGroup, ListboxGroupLabel, useId } from 'reka-ui'
+import { computed, onMounted, onUnmounted } from 'vue'
 import { cn } from '~/lib/utils'
-import { provideCommandGroupContext, useCommand } from "."
+import { provideCommandGroupContext, useCommand } from '.'
 
 const props = defineProps<ListboxGroupProps & {
-  class?: HTMLAttributes["class"]
+  class?: HTMLAttributes['class']
   heading?: string
 }>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const { allGroups, filterState } = useCommand()
 const id = useId()
@@ -36,7 +36,10 @@ onUnmounted(() => {
     :class="cn('overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground', props.class)"
     :hidden="isRender ? undefined : true"
   >
-    <ListboxGroupLabel v-if="heading" class="px-2 py-1.5 text-xs font-medium text-muted-foreground">
+    <ListboxGroupLabel
+      v-if="heading"
+      class="px-2 py-1.5 text-xs font-medium text-muted-foreground"
+    >
       {{ heading }}
     </ListboxGroupLabel>
     <slot />

package/app/components/ui/command/CommandInput.vue

@@ -1,21 +1,21 @@
 <script setup lang="ts">
-import type { ListboxFilterProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { Search } from "lucide-vue-next"
-import { ListboxFilter, useForwardProps } from "reka-ui"
+import type { ListboxFilterProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { Search } from 'lucide-vue-next'
+import { ListboxFilter, useForwardProps } from 'reka-ui'
 import { cn } from '~/lib/utils'
-import { useCommand } from "."
+import { useCommand } from '.'
 
 defineOptions({
   inheritAttrs: false,
 })
 
 const props = defineProps<ListboxFilterProps & {
-  class?: HTMLAttributes["class"]
+  class?: HTMLAttributes['class']
 }>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const forwardedProps = useForwardProps(delegatedProps)
 
@@ -23,7 +23,10 @@ const { filterState } = useCommand()
 </script>
 
 <template>
-  <div class="flex items-center border-b px-3" cmdk-input-wrapper>
+  <div
+    class="flex items-center border-b px-3"
+    cmdk-input-wrapper
+  >
     <Search class="mr-2 h-4 w-4 shrink-0 opacity-50" />
     <ListboxFilter
       v-bind="{ ...forwardedProps, ...$attrs }"

package/app/components/ui/command/CommandItem.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import type { ListboxItemEmits, ListboxItemProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit, useCurrentElement } from "@vueuse/core"
-import { ListboxItem, useForwardPropsEmits, useId } from "reka-ui"
-import { computed, onMounted, onUnmounted, ref } from "vue"
+import type { ListboxItemEmits, ListboxItemProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit, useCurrentElement } from '@vueuse/core'
+import { ListboxItem, useForwardPropsEmits, useId } from 'reka-ui'
+import { computed, onMounted, onUnmounted, ref } from 'vue'
 import { cn } from '~/lib/utils'
-import { useCommand, useCommandGroup } from "."
+import { useCommand, useCommandGroup } from '.'
 
-const props = defineProps<ListboxItemProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<ListboxItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<ListboxItemEmits>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const forwarded = useForwardPropsEmits(delegatedProps, emits)
 

package/app/components/ui/command/CommandList.vue

@@ -1,19 +1,22 @@
 <script setup lang="ts">
-import type { ListboxContentProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { ListboxContent, useForwardProps } from "reka-ui"
+import type { ListboxContentProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { ListboxContent, useForwardProps } from 'reka-ui'
 import { cn } from '~/lib/utils'
 
-const props = defineProps<ListboxContentProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<ListboxContentProps & { class?: HTMLAttributes['class'] }>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const forwarded = useForwardProps(delegatedProps)
 </script>
 
 <template>
-  <ListboxContent v-bind="forwarded" :class="cn('max-h-[300px] overflow-y-auto overflow-x-hidden', props.class)">
+  <ListboxContent
+    v-bind="forwarded"
+    :class="cn('max-h-[300px] overflow-y-auto overflow-x-hidden', props.class)"
+  >
     <div role="presentation">
       <slot />
     </div>

package/app/components/ui/command/CommandSeparator.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import type { SeparatorProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { Separator } from "reka-ui"
+import type { SeparatorProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { Separator } from 'reka-ui'
 import { cn } from '~/lib/utils'
 
-const props = defineProps<SeparatorProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<SeparatorProps & { class?: HTMLAttributes['class'] }>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 </script>
 
 <template>

package/app/components/ui/command/CommandShortcut.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
+import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
+  class?: HTMLAttributes['class']
 }>()
 </script>
 

package/app/components/ui/command/index.ts

@@ -1,15 +1,15 @@
-import type { Ref } from "vue"
-import { createContext } from "reka-ui"
+import type { Ref } from 'vue'
+import { createContext } from 'reka-ui'
 
-export { default as Command } from "./Command.vue"
-export { default as CommandDialog } from "./CommandDialog.vue"
-export { default as CommandEmpty } from "./CommandEmpty.vue"
-export { default as CommandGroup } from "./CommandGroup.vue"
-export { default as CommandInput } from "./CommandInput.vue"
-export { default as CommandItem } from "./CommandItem.vue"
-export { default as CommandList } from "./CommandList.vue"
-export { default as CommandSeparator } from "./CommandSeparator.vue"
-export { default as CommandShortcut } from "./CommandShortcut.vue"
+export { default as Command } from './Command.vue'
+export { default as CommandDialog } from './CommandDialog.vue'
+export { default as CommandEmpty } from './CommandEmpty.vue'
+export { default as CommandGroup } from './CommandGroup.vue'
+export { default as CommandInput } from './CommandInput.vue'
+export { default as CommandItem } from './CommandItem.vue'
+export { default as CommandList } from './CommandList.vue'
+export { default as CommandSeparator } from './CommandSeparator.vue'
+export { default as CommandShortcut } from './CommandShortcut.vue'
 
 export const [useCommand, provideCommandContext] = createContext<{
   allItems: Ref<Map<string, string>>
@@ -18,8 +18,8 @@ export const [useCommand, provideCommandContext] = createContext<{
     search: string
     filtered: { count: number, items: Map<string, number>, groups: Set<string> }
   }
-}>("Command")
+}>('Command')
 
 export const [useCommandGroup, provideCommandGroupContext] = createContext<{
   id?: string
-}>("CommandGroup")
+}>('CommandGroup')

package/app/components/ui/dialog/Dialog.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { DialogRootEmits, DialogRootProps } from "reka-ui"
-import { DialogRoot, useForwardPropsEmits } from "reka-ui"
+import type { DialogRootEmits, DialogRootProps } from 'reka-ui'
+import { DialogRoot, useForwardPropsEmits } from 'reka-ui'
 
 const props = defineProps<DialogRootProps>()
 const emits = defineEmits<DialogRootEmits>()

package/app/components/ui/dialog/DialogClose.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { DialogCloseProps } from "reka-ui"
-import { DialogClose } from "reka-ui"
+import type { DialogCloseProps } from 'reka-ui'
+import { DialogClose } from 'reka-ui'
 
 const props = defineProps<DialogCloseProps>()
 </script>

package/app/components/ui/dialog/DialogContent.vue

@@ -1,27 +1,27 @@
 <script setup lang="ts">
-import type { DialogContentEmits, DialogContentProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { X } from "lucide-vue-next"
+import type { DialogContentEmits, DialogContentProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { X } from 'lucide-vue-next'
 import {
   DialogClose,
   DialogContent,
   DialogPortal,
   useForwardPropsEmits,
-} from "reka-ui"
+} from 'reka-ui'
 import { cn } from '~/lib/utils'
-import DialogOverlay from "./DialogOverlay.vue"
+import DialogOverlay from './DialogOverlay.vue'
 
 defineOptions({
   inheritAttrs: false,
 })
 
-const props = withDefaults(defineProps<DialogContentProps & { class?: HTMLAttributes["class"], showCloseButton?: boolean }>(), {
+const props = withDefaults(defineProps<DialogContentProps & { class?: HTMLAttributes['class'], showCloseButton?: boolean }>(), {
   showCloseButton: true,
 })
 const emits = defineEmits<DialogContentEmits>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const forwarded = useForwardPropsEmits(delegatedProps, emits)
 </script>

package/app/components/ui/dialog/DialogDescription.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import type { DialogDescriptionProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { DialogDescription, useForwardProps } from "reka-ui"
+import type { DialogDescriptionProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { DialogDescription, useForwardProps } from 'reka-ui'
 import { cn } from '~/lib/utils'
 
-const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes['class'] }>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const forwardedProps = useForwardProps(delegatedProps)
 </script>

package/app/components/ui/dialog/DialogFooter.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
+import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-const props = defineProps<{ class?: HTMLAttributes["class"] }>()
+const props = defineProps<{ class?: HTMLAttributes['class'] }>()
 </script>
 
 <template>

package/app/components/ui/dialog/DialogHeader.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
+import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
+  class?: HTMLAttributes['class']
 }>()
 </script>
 

package/app/components/ui/dialog/DialogOverlay.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import type { DialogOverlayProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { DialogOverlay } from "reka-ui"
+import type { DialogOverlayProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { DialogOverlay } from 'reka-ui'
 import { cn } from '~/lib/utils'
 
-const props = defineProps<DialogOverlayProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<DialogOverlayProps & { class?: HTMLAttributes['class'] }>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 </script>
 
 <template>

package/app/components/ui/dialog/DialogScrollContent.vue

@@ -1,25 +1,25 @@
 <script setup lang="ts">
-import type { DialogContentEmits, DialogContentProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { X } from "lucide-vue-next"
+import type { DialogContentEmits, DialogContentProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { X } from 'lucide-vue-next'
 import {
   DialogClose,
   DialogContent,
   DialogOverlay,
   DialogPortal,
   useForwardPropsEmits,
-} from "reka-ui"
+} from 'reka-ui'
 import { cn } from '~/lib/utils'
 
 defineOptions({
   inheritAttrs: false,
 })
 
-const props = defineProps<DialogContentProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<DialogContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DialogContentEmits>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const forwarded = useForwardPropsEmits(delegatedProps, emits)
 </script>

package/app/components/ui/dialog/DialogTitle.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import type { DialogTitleProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { DialogTitle, useForwardProps } from "reka-ui"
+import type { DialogTitleProps } from 'reka-ui'
+import type { HTMLAttributes } from 'vue'
+import { reactiveOmit } from '@vueuse/core'
+import { DialogTitle, useForwardProps } from 'reka-ui'
 import { cn } from '~/lib/utils'
 
-const props = defineProps<DialogTitleProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<DialogTitleProps & { class?: HTMLAttributes['class'] }>()
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, 'class')
 
 const forwardedProps = useForwardProps(delegatedProps)
 </script>

package/app/components/ui/dialog/DialogTrigger.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { DialogTriggerProps } from "reka-ui"
-import { DialogTrigger } from "reka-ui"
+import type { DialogTriggerProps } from 'reka-ui'
+import { DialogTrigger } from 'reka-ui'
 
 const props = defineProps<DialogTriggerProps>()
 </script>

package/app/components/ui/dialog/index.ts

@@ -1,10 +1,10 @@
-export { default as Dialog } from "./Dialog.vue"
-export { default as DialogClose } from "./DialogClose.vue"
-export { default as DialogContent } from "./DialogContent.vue"
-export { default as DialogDescription } from "./DialogDescription.vue"
-export { default as DialogFooter } from "./DialogFooter.vue"
-export { default as DialogHeader } from "./DialogHeader.vue"
-export { default as DialogOverlay } from "./DialogOverlay.vue"
-export { default as DialogScrollContent } from "./DialogScrollContent.vue"
-export { default as DialogTitle } from "./DialogTitle.vue"
-export { default as DialogTrigger } from "./DialogTrigger.vue"
+export { default as Dialog } from './Dialog.vue'
+export { default as DialogClose } from './DialogClose.vue'
+export { default as DialogContent } from './DialogContent.vue'
+export { default as DialogDescription } from './DialogDescription.vue'
+export { default as DialogFooter } from './DialogFooter.vue'
+export { default as DialogHeader } from './DialogHeader.vue'
+export { default as DialogOverlay } from './DialogOverlay.vue'
+export { default as DialogScrollContent } from './DialogScrollContent.vue'
+export { default as DialogTitle } from './DialogTitle.vue'
+export { default as DialogTrigger } from './DialogTrigger.vue'

package/app/components/ui/kbd/Kbd.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
+import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
+  class?: HTMLAttributes['class']
 }>()
 </script>
 

package/app/components/ui/kbd/KbdGroup.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
+import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
+  class?: HTMLAttributes['class']
 }>()
 </script>
 

package/app/components/ui/kbd/index.ts

@@ -1,2 +1,2 @@
-export { default as Kbd } from "./Kbd.vue"
-export { default as KbdGroup } from "./KbdGroup.vue"
+export { default as Kbd } from './Kbd.vue'
+export { default as KbdGroup } from './KbdGroup.vue'

package/app/composables/useContentSearch.ts

@@ -27,7 +27,7 @@ export function useContentSearch() {
   }
 }
 
-export function flattenNavigation(items: NavigationItem[], prefix = '', isDocSection = false): SearchItem[] {
+export function flattenNavigationToSearchItems(items: NavigationItem[], prefix = '', isDocSection = false): SearchItem[] {
   return items.flatMap((item) => {
     const result: SearchItem[] = []
     // Determine if this item is a doc page based on parent context or path
@@ -44,7 +44,7 @@ export function flattenNavigation(items: NavigationItem[], prefix = '', isDocSec
     }
 
     if (item.children?.length) {
-      result.push(...flattenNavigation(item.children, item.title, itemIsDoc))
+      result.push(...flattenNavigationToSearchItems(item.children, item.title, itemIsDoc))
     }
 
     return result

package/nuxt.config.ts

@@ -79,7 +79,10 @@ export default defineNuxtConfig({
       },
     },
   },
-  compatibilityDate: '2025-01-01',
+  experimental: {
+    asyncContext: true,
+  },
+  compatibilityDate: '2025-07-22',
   nitro: {
     prerender: {
       crawlLinks: true,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "docs-please",
   "type": "module",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "Nuxt layer for documentation sites using shadcn-vue",
   "license": "MIT",
   "repository": {
@@ -34,15 +34,17 @@
     "nuxt": "4.x"
   },
   "dependencies": {
-    "@iconify-json/lucide": "^1.2.75",
-    "@nuxt/content": "^3.8.2",
+    "@iconify-json/lucide": "^1.2.81",
+    "@nuxt/content": "^3.9.0",
     "@nuxt/eslint": "^1.11.0",
     "@nuxt/icon": "^2.1.0",
     "@nuxt/image": "^2.0.0",
-    "@nuxt/kit": "^4.2.1",
+    "@nuxt/kit": "^4.2.2",
     "@nuxtjs/color-mode": "^4.0.0",
-    "@nuxtjs/mdc": "^0.18.4",
+    "@nuxtjs/mdc": "^0.19.1",
+    "@nuxtjs/robots": "^5.6.7",
     "@tabler/icons-vue": "^3.35.0",
+    "@tailwindcss/vite": "^4.1.18",
     "@vueuse/core": "^14.1.0",
     "@vueuse/integrations": "^14.1.0",
     "class-variance-authority": "^0.7.1",
@@ -53,7 +55,8 @@
     "exsolve": "^1.0.8",
     "fuse.js": "^7.1.0",
     "lucide-vue-next": "^0.555.0",
-    "nuxt-og-image": "^5.1.12",
+    "nuxt-llms": "^0.1.3",
+    "nuxt-og-image": "^5.1.13",
     "oxc-parser": "^0.99.0",
     "parse5": "^7.3.0",
     "rehype-raw": "^7.0.0",
@@ -62,22 +65,19 @@
     "remark-gfm": "^4.0.1",
     "remark-mdc": "^3.5.1",
     "remark-rehype": "^11.1.2",
-    "shadcn-nuxt": "2.3.3",
+    "shadcn-nuxt": "2.4.3",
     "slugify": "^1.6.6",
     "tailwind-merge": "^3.4.0",
-    "tailwindcss": "^4.1.17",
+    "tailwindcss": "^4.1.18",
     "tw-animate-css": "^1.4.0",
     "ufo": "^1.6.1",
     "unified": "^11.0.5",
     "unist-util-visit": "^5.0.0",
-    "zod": "^3.25.76",
+    "zod": "^4.2.1",
     "zod-to-json-schema": "^3.25.0"
   },
   "devDependencies": {
-    "@nuxtjs/robots": "^5.6.1",
-    "@tailwindcss/vite": "^4.1.17",
     "better-sqlite3": "^11.9.1",
-    "nuxt-llms": "^0.1.3",
     "typescript": "^5.9.3",
     "vue-tsc": "^2.0.0"
   }