@docsector/docsector-reader 0.5.5 → 0.5.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docsector/docsector-reader",
-  "version": "0.5.5",
+  "version": "0.5.7",
   "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

@@ -78,6 +78,19 @@ const getPageStatusTooltip = (status) => {
     return t('menu.status.empty.tooltip')
   }
 }
+
+const normalizePath = (path) => {
+  if (!path) {
+    return '/'
+  }
+
+  const normalized = String(path).replace(/\/+$/, '')
+  return normalized === '' ? '/' : normalized
+}
+
+const isMenuItemActive = (path) => {
+  return normalizePath(path) === normalizePath($route.path)
+}
 </script>
 
 <template>
@@ -90,7 +103,7 @@ const getPageStatusTooltip = (status) => {
 
 <q-item
   :to="subitem.path + '/overview'"
-  :active="subitem.path + subpage === $route.path"
+  :active="isMenuItemActive(subitem.path + subpage)"
   v-show="founds[subitem.path] || !founds"
 >
   <q-item-section side>

package/src/components/DPageAnchor.vue

@@ -81,7 +81,7 @@ onBeforeUnmount(() => {
   node-key="id"
 >
   <template v-slot:default-header="props">
-    <b v-if="props.node.label">{{ props.node.label }}</b>
+    <b v-if="props.node.label" v-html="props.node.label"></b>
     <b v-else>{{ $t(`_.${$store.state.i18n.base}._`) }}</b>
   </template>
 </q-tree>

package/src/store/App.js

@@ -18,14 +18,18 @@ export default {
       const base = firstRoutePath.substr(1)
       let relative = secondRoutePath.substr(firstRoutePath.length)
 
-      commit('page/setBase', base, { root: true })
-      commit('page/setRelative', relative, { root: true })
-      commit('page/setAbsolute', base + relative, { root: true })
+      if (relative !== '/') {
+        relative = relative.replace(/\/+$/, '')
+      }
 
       if (relative === '/' || relative === '') {
         relative = '/overview'
       }
 
+      commit('page/setBase', base, { root: true })
+      commit('page/setRelative', relative, { root: true })
+      commit('page/setAbsolute', base + relative, { root: true })
+
       if (firstRoutePath) {
         const i18nBase = base.replace(/_$/, '').replace(/\//g, '.')
         const i18nRelative = relative.replace(/_$/, '').replace(/\//g, '.')