Merge branch 'develop' into search-filter-md-pure

Author: Koooooo-7

docs/markdown.md

@@ -1,6 +1,6 @@
 # Markdown configuration
 
-**docsify** uses [marked](https://github.com/markedjs/marked) as its Markdown parser. You can customize how it renders your Markdown content to HTML by customizing `renderer`:
+**docsify** uses [marked v13+](https://github.com/markedjs/marked) as its Markdown parser. You can customize how it renders your Markdown content to HTML by customizing `renderer`:
 
 ```js
 window.$docsify = {
@@ -31,23 +31,24 @@ window.$docsify = {
 
 ## Supports mermaid
 
+!> Currently, docsify doesn't support the async mermaid render (the latest mermaid version supported is `v9.3.0`).
+
 ```js
-// Import mermaid
 //  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.css">
-//  <script src="//cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
+//  <script src="//cdn.jsdelivr.net/npm/mermaid@9.3.0/dist/mermaid.min.js"></script>
 
 let num = 0;
 mermaid.initialize({ startOnLoad: false });
 
 window.$docsify = {
   markdown: {
     renderer: {
-      code(code, lang) {
+      code({ text, lang }) {
         if (lang === 'mermaid') {
           return /* html */ `
             <div class="mermaid">${mermaid.render(
               'mermaid-svg-' + num++,
-              code,
+              text,
             )}</div>
           `;
         }

package-lock.json

@@ -45,7 +45,7 @@
   "devDependencies": {
     "@babel/eslint-parser": "^7.24.5",
     "@babel/preset-env": "^7.11.5",
-    "@eslint/js": "^9.3.0",
+    "@eslint/js": "^10.0.0",
     "@playwright/test": "^1.44.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^26.0.1",

package.json

@@ -299,10 +299,17 @@ export function Events(Base) {
      * @void
      */
     onRender() {
+      const { name } = this.config;
       const currentPath = this.router.toURL(this.router.getCurrentPath());
-      const currentTitle = dom.find(
-        `.sidebar a[href='${currentPath}']`,
-      )?.innerText;
+      const currentSection = dom
+        .find(`.sidebar a[href='${currentPath}']`)
+        ?.getAttribute('title');
+
+      const currentTitle = name
+        ? currentSection
+          ? `${currentSection} - ${name}`
+          : name
+        : currentSection;
 
       // Update page title
       dom.$.title = currentTitle || this.#title;

src/core/event/index.js

@@ -50,9 +50,10 @@ function doSearch(value) {
   let html = '';
   matches.forEach((post, i) => {
     const content = post.content ? `...${post.content}...` : '';
+    const title = (post.title || '').replace(/<[^>]+>/g, '');
     html += /* html */ `
       <div class="matching-post" aria-label="search result ${i + 1}">
-        <a href="${post.url}">
+        <a href="${post.url}" title="${title}">
           <p class="title clamp-1">${post.title}</p>
           <p class="content clamp-2">${content}</p>
         </a>