<script setup lang="ts">
interface Props
{
    id: number;
}
const props = defineProps<Props>();

const { data: comments } = await useFetch(`/api/project/1/file/${props.id}/comment`);
</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>