@docsector/docsector-reader 0.12.0 → 0.12.2

package/bin/docsector.js

@@ -23,7 +23,7 @@ const packageRoot = resolve(__dirname, '..')
 const args = process.argv.slice(2)
 const command = args[0]
 
-const VERSION = '0.12.0'
+const VERSION = '0.12.2'
 
 const HELP = `
   Docsector Reader v${VERSION}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docsector/docsector-reader",
-  "version": "0.12.0",
+  "version": "0.12.2",
   "description": "A documentation rendering engine built with Vue 3, Quasar v2 and Vite. Transform Markdown into beautiful, navigable documentation sites.",
   "productName": "Docsector Reader",
   "author": "Rodrigo de Araujo Vieira",

package/src/components/DMenuItem.vue

@@ -102,7 +102,7 @@ const isMenuItemActive = (path) => {
 </q-item-section>
 
 <q-item
-  :to="subitem.path + '/overview'"
+  :to="subitem.path + '/overview/'"
   :active="isMenuItemActive(subitem.path + subpage)"
   v-show="founds[subitem.path] || !founds"
 >

package/src/components/DPage.vue

@@ -68,7 +68,7 @@ const subroute = (to) => {
   let path = base
 
   if (to !== '/') {
-    path += to
+    path += to + '/'
   }
 
   if (relative === to) {

package/src/components/DPageAnchor.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { computed, ref, watch, onMounted, onBeforeUnmount } from 'vue'
 import { useStore } from 'vuex'
-import { useQuasar, scroll as quasarScroll } from 'quasar'
+import { useQuasar } from 'quasar'
 import { useRoute } from "vue-router";
 
 import useNavigator from '../composables/useNavigator'
@@ -56,15 +56,8 @@ const scrollToActiveAnchor = () => {
     const anchorEl = document.getElementById('anchor')
     if (anchorEl) {
       const activeNode = anchorEl.querySelector('.q-tree__node--selected')
-      if (activeNode && typeof activeNode === 'object') {
-        const target = quasarScroll.getScrollTarget(activeNode)
-        const offsetTop = activeNode.offsetTop
-        const innerHeightBy2 = window.innerHeight / 2
-        const offset = offsetTop - innerHeightBy2
-
-        if (offset > 0) {
-          quasarScroll.setVerticalScrollPosition(target, offset, 300)
-        }
+      if (activeNode) {
+        activeNode.scrollIntoView({ behavior: 'smooth', block: 'center' })
       }
     }
     scrolling.value = null

package/src/components/DPageMeta.vue

@@ -163,12 +163,12 @@ const next = computed(() => {
   </div>
 
   <nav id="d-page-nav" class="row">
-    <router-link class="link col" v-if="prev" :to="`${prev}/overview`">
+    <router-link class="link col" v-if="prev" :to="`${prev}/overview/`">
       <div class="text-caption">{{ $t('page.nav.prev') }}</div>
       <q-icon name="navigate_before" />
       <span>{{ $t(`_${prev.replace(/_$/, '').replace(/\//g, '.')}._`) }}</span>
     </router-link>
-    <router-link class="link col" v-if="next" :to="`${next}/overview`">
+    <router-link class="link col" v-if="next" :to="`${next}/overview/`">
       <div class="text-caption">{{ $t('page.nav.next') }}</div>
       <span>{{ $t(`_${next.replace(/_$/, '').replace(/\//g, '.')}._`) }}</span>
       <q-icon name="navigate_next" />

package/src/pages/@/BootPage.vue

@@ -15,7 +15,7 @@
       <h3 class="text-center q-mb-md">Quick Links</h3>
 
       <q-list bordered separator class="rounded-borders">
-        <q-item clickable to="/guide/getting-started/overview">
+        <q-item clickable to="/guide/getting-started/overview/">
           <q-item-section avatar>
             <q-icon name="flag" color="primary" />
           </q-item-section>
@@ -28,7 +28,7 @@
           </q-item-section>
         </q-item>
 
-        <q-item clickable to="/guide/configuration/overview">
+        <q-item clickable to="/guide/configuration/overview/">
           <q-item-section avatar>
             <q-icon name="tune" color="primary" />
           </q-item-section>
@@ -41,7 +41,7 @@
           </q-item-section>
         </q-item>
 
-        <q-item clickable to="/guide/pages-and-routing/overview">
+        <q-item clickable to="/guide/pages-and-routing/overview/">
           <q-item-section avatar>
             <q-icon name="route" color="primary" />
           </q-item-section>
@@ -54,7 +54,7 @@
           </q-item-section>
         </q-item>
 
-        <q-item clickable to="/manual/components/d-page/overview">
+        <q-item clickable to="/manual/components/d-page/overview/">
           <q-item-section avatar>
             <q-icon name="widgets" color="secondary" />
           </q-item-section>
@@ -67,7 +67,7 @@
           </q-item-section>
         </q-item>
 
-        <q-item clickable to="/manual/composables/use-navigator/overview">
+        <q-item clickable to="/manual/composables/use-navigator/overview/">
           <q-item-section avatar>
             <q-icon name="navigation" color="accent" />
           </q-item-section>
@@ -80,7 +80,7 @@
           </q-item-section>
         </q-item>
 
-        <q-item clickable to="/manual/store/modules/overview">
+        <q-item clickable to="/manual/store/modules/overview/">
           <q-item-section avatar>
             <q-icon name="storage" color="deep-orange" />
           </q-item-section>

package/src/router/routes.js

@@ -13,7 +13,7 @@ for (const [path, page] of Object.entries(pages)) {
   const children = [
     {
       path: '',
-      redirect: (to) => `${to.path.replace(/\/$/, '')}/overview`
+      redirect: (to) => `${to.path.replace(/\/$/, '')}/overview/`
     },
     {
       path: 'overview',