<script setup lang="ts">
const { toc } = useContent()
</script>

<template>
    <div class="site-body-right-column">
        <div class="site-body-right-column-inner">
            <div v-if="!!toc" class="outline-view-outer node-insert-event">
                <div class="list-item published-section-header">
                    <span class="published-section-header-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon lucide-list">
                            <line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line>
                            <line x1="3" y1="18" x2="3.01" y2="18"></line>
                        </svg>
                    </span>
                    <span>Sur cette page</span>
                </div>
                <div class="outline-view">
                    <TocLink v-for="link of toc.links" :link="link"/>
                </div>
            </div>
        </div>
    </div>
</template>