only passthrough the aria-disabled prop when true

Drop the disabled prop itself because doesn't make much sense

Author: RobinMalfait

packages/@headlessui-react/src/components/menu/menu.tsx

@@ -524,7 +524,7 @@ function Item<TTag extends React.ElementType = typeof DEFAULT_ITEM_TAG>(
   const active =
     state.activeItemIndex !== null ? state.items[state.activeItemIndex].id === id : false
 
-  const bag = React.useRef<MenuItemDataRef['current']>({ disabled: disabled })
+  const bag = React.useRef<MenuItemDataRef['current']>({ disabled })
 
   useIsoMorphicEffect(() => {
     bag.current.disabled = disabled
@@ -584,8 +584,7 @@ function Item<TTag extends React.ElementType = typeof DEFAULT_ITEM_TAG>(
     role: 'menuitem',
     tabIndex: -1,
     className: resolvePropValue(className, propsBag),
-    disabled: disabled,
-    'aria-disabled': disabled,
+    'aria-disabled': disabled === true ? true : undefined,
     onClick: handleClick,
     onFocus: handleFocus,
     onMouseMove: handleMouseMove,

packages/@headlessui-vue/src/components/menu/menu.ts

@@ -411,7 +411,7 @@ export const MenuItem = defineComponent({
         : false
     })
 
-    const dataRef = ref<MenuItemDataRef['value']>({ disabled: disabled, textValue: '' })
+    const dataRef = ref<MenuItemDataRef['value']>({ disabled, textValue: '' })
     onMounted(() => {
       const textValue = document
         .getElementById(id)
@@ -462,8 +462,7 @@ export const MenuItem = defineComponent({
         role: 'menuitem',
         tabIndex: -1,
         class: resolvePropValue(className, slot),
-        disabled: disabled === true ? disabled : undefined,
-        'aria-disabled': disabled === true ? disabled : undefined,
+        'aria-disabled': disabled === true ? true : undefined,
         onClick: handleClick,
         onFocus: handleFocus,
         onMouseMove: handleMouseMove,