<script setup lang="ts">
const { data: comments } = await useFetch(`/api/project/1/comment`, {
    query: {
        path: unifySlug(useRoute().params.slug)
    }
});
</script>

<template>
    <div v-if="comments !== undefined && comments !== null" class="site-body-right-column">
        <div class="site-body-right-column-inner">
            <div>
                {{ comments.length }} commentaire{{ comments.length === 1 ? '' : 's' }}
            </div>
        </div>
    </div>
</template>