<template>
  <div class="my-4">
    <ul v-if="!ordered" class="list-disc list-inside space-y-2 prose prose-lg dark:prose-invert">
      <slot />
    </ul>
    <ol v-else class="list-decimal list-inside space-y-2 prose prose-lg dark:prose-invert">
      <slot />
    </ol>
  </div>
</template>

<script setup lang="ts">
interface Props {
  ordered?: boolean
}

withDefaults(defineProps<Props>(), {
  ordered: false
})
</script>
