<script setup lang="ts">
const props = defineProps<{ events: any[] }>()
</script>

<template>
    <div v-if="events?.length" class="mt-6">
        <h3 class="text-xl font-semibold after:content-[':']">Sự kiện</h3>
        <ul class="flex flex-col gap-2 list-disc ml-4 my-2 pl-3 flex-wrap">
            <li v-for="(event, index) in events" :key="index" class="font-semibold text-primary">
                <nuxt-link :to="{ name: 'event-eventSlug', params: { eventSlug: event.code } }">{{ event.title }}</nuxt-link>
            </li>
        </ul>
    </div>
</template>