fix: sync the page title regarding the title config

Author: Koooooo-7

src/core/event/index.js

@@ -296,13 +296,20 @@ export function Events(Base) {
     // =========================================================================
     /**
      * Handle rendering UI element updates and new content
+     * @param {string} name the site name
      * @void
      */
-    onRender() {
+    onRender(name) {
       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
+          ? `${name} - ${currentSection}`
+          : name
+        : currentSection;
 
       // Update page title
       dom.$.title = currentTitle || this.#title;

src/core/render/index.js

@@ -343,9 +343,9 @@ export function Render(Base) {
     }
 
     _bindEventOnRendered(activeEl) {
-      const { autoHeader } = this.config;
+      const { autoHeader, name } = this.config;
 
-      this.onRender();
+      this.onRender(name);
 
       if (autoHeader && activeEl) {
         const main = dom.getNode('#main');

src/plugins/search/component.js

@@ -49,9 +49,10 @@ function doSearch(value) {
 
   let html = '';
   matches.forEach((post, i) => {
+    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">${post.content}</p>
         </a>