wiki_ghostguild/app/components/mdc/List.vue

20 lines
427 B
Vue

<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>