vue3 determine if slot is being used (has content)

useHasSlot.js

import { useSlots } from 'vue';

export default function useHasSlot() {
  const slots = useSlots();
  return function hasSlot(name) {
    return slots[name] && !isEmptySlot(slots[name]());
  };
}

function isEmptySlot(items) {
  if (!items.length) return true;
  return !items.some(hasSlotContent);
}

function hasSlotContent(item) {
  const type = item.type.toString();
  if (type === 'Symbol(Comment)') return false;
  if (type === 'Symbol(Text)' && !item.children.trim()) return false;
  return true;
}

setup() {
  return { hasSlot: useHasSlot() }
}

v-if="hasSlot('default')" etc.