feat(DropdownMenu): handle item type separator

src/runtime/components/DropdownMenu.vue

@@ -22,7 +22,7 @@ export interface DropdownMenuItem extends Omit<LinkProps, 'type'> {
    * The item type.
    * @defaultValue "link"
    */
-  type?: 'label' | 'link'
+  type?: 'label' | 'separator' | 'link'
   slot?: string
   open?: boolean
   defaultOpen?: boolean

src/runtime/components/DropdownMenuContent.vue

@@ -73,6 +73,7 @@ const groups = computed(() => props.items?.length ? (Array.isArray(props.items[0
           <DropdownMenu.Label v-if="item.type === 'label'" :class="ui.label()">
             <ReuseItemTemplate :item="item" :index="index" />
           </DropdownMenu.Label>
+          <DropdownMenu.Separator v-else-if="item.type === 'separator'" :class="ui.separator()" />
           <DropdownMenu.Sub v-else-if="item?.children?.length">
             <DropdownMenu.SubTrigger
               as="button"