Tests connexion

pages/explorer/[...slug].vue

@@ -7,18 +7,22 @@ function toggleLeftPanel(_: Event) {
 
 <script setup lang="ts">
 const { hash, path } = useRoute();
+const route = path.substring(path.indexOf('/explorer') + '/explorer'.length);
 
-const { data: page } = await useAsyncData('home', queryContent(path.substring(path.indexOf('/explorer') + '/explorer'.length)).findOne);
+const { data: page } = await useAsyncData('home', queryContent(route).findOne);
+const { data: comments } = await useFetch(`/api/comments`, {
+    query: {
+        route: route
+    }
+});
 
 if(page.value)
-    useContentHead(page.value!);
-
-if(hash)
 {
-    console.log(document.getElementById(hash.substring(1)));
-    document.getElementById(hash.substring(1))?.scrollTo({ behavior: 'smooth', top: 100 });
+    useContentHead(page.value!);
 }
 
+const content = ref();
+
 onMounted(() => {
     document.querySelectorAll('.callout.is-collapsible .callout-title').forEach(e => {
         e.addEventListener('click', (_) => {
@@ -53,7 +57,7 @@ onMounted(() => {
                         </div>
                     </div>
                 </div>
-                <RightComponent v-if="page.body?.toc" :toc="page?.body?.toc" />
+                <RightComponent v-if="page.body?.toc" :toc="page?.body?.toc" :comments="comments" />
             </template>
             <CanvasRenderer v-else-if="!!page && page._type == 'canvas'" :key="page._id" :canvas="page" />
             <div v-else-if="!!page">