Merge branch 'dev' into table-structure-with-molstar

components/LayoutWrapper.vue

@@ -45,7 +45,7 @@ function onScroll() {
     <slot v-if="navDrawer" name="drawer" :drawer="drawer">
       <NavDrawer :drawer="drawer" />
     </slot>
-    <NavTableOfContent :links="page.body.toc.links ?? []" />
+    <NavTableOfContent v-if="toc" :links="page.body.toc.links ?? []" />
     <nav-back-to-top />
   </VApp>
 </template>

components/content/ArticleDoi.vue

@@ -32,7 +32,7 @@ const articleAbstract = computed(() => {
 });
 </script>
 <template>
-  <v-list-item :href="article?.href" :id="props.doi" :target="article?.target" density="compact" color="transparent"
+  <v-list-item :href="article?.href" :id="`ref-${props.doi}`" :target="article?.target" density="compact" color="transparent"
     class="px-1">
     <template v-if="!mobile" #prepend>
       <v-icon icon="md:star" :color="props.isRelevant ? 'info' : 'transparent'"></v-icon>