Sync completed + Navigation links improved

components/prose/ProseA.vue

@@ -1,6 +1,6 @@
 <template>
     <NuxtLink class="preview-link" v-if="data && data[0] && status !== 'pending'"
-        :to="{ path: `/explorer/${project}${data[0].path}`, hash: hash }" :class="class">
+        :to="{ path: `/explorer/${project}/${data[0].path}`, hash: hash }" :class="class">
         <PreviewContent :project="project" :path="data[0].path" :anchor="hash">
             <slot v-bind="$attrs"></slot>
             <ThemeIcon class="link-icon" v-if="data && data[0] && data[0].type !== 'Markdown'" :height="20" :width="20"

components/prose/ProseBlockquote.vue

@@ -1,5 +1,23 @@
 <template>
-  <blockquote>
+  <blockquote ref="el">
     <slot />
   </blockquote>
 </template>
+
+<script setup lang="ts">
+const attrs = useAttrs(), el = ref<HTMLQuoteElement>(), title = ref<Element | null>(null);
+
+onMounted(() => {
+  if(el && el.value && attrs.hasOwnProperty("dataCalloutFold"))
+  {
+    title.value = el.value.querySelector('.callout-title');
+    title.value?.addEventListener('click', toggle);
+  }
+});
+onUnmounted(() => {
+  title.value?.removeEventListener('click', toggle);
+})
+function toggle() {
+  el.value?.classList?.toggle('is-collapsed');
+}
+</script>

components/prose/ProseH4.vue

@@ -6,6 +6,4 @@
 
 <script setup lang="ts">
 const props = defineProps<{ id?: string }>()
-
-const generate = computed(() => props.id)
 </script>