Refactor Lucide icon rendering by replacing nodes with root across components and fix unintended character encoding issues in placeholders and text.

2026-05-17 17:30:04 -04:00
parent 17e05cb61d
commit 309f19520b
27 changed files with 694 additions and 1622 deletions
@@ -35,7 +35,7 @@ class AppMobileNav extends HTMLElement {
          <span>${t.label}</span>
        </a>`;
      }).join('')}`;
-    if (window.lucide) lucide.createIcons({ nodes: [this] });
+    if (window.lucide) lucide.createIcons({ root: this });
  }
 }
 customElements.define('app-mobile-nav', AppMobileNav);
@@ -19,7 +19,7 @@ class AppRoot extends HTMLElement {
    if (main) {
      main.innerHTML = html;
      main.scrollTop = 0;
-      if (window.lucide) lucide.createIcons({ nodes: [main] });
+      if (window.lucide) lucide.createIcons({ root: main });
    }
  }
 }
@@ -131,7 +131,7 @@ class AppSidebar extends HTMLElement {
        </button>
      </div>`;

-    if (window.lucide) lucide.createIcons({ nodes: [this] });
+    if (window.lucide) lucide.createIcons({ root: this });
    this.querySelector('#toggle-btn')?.addEventListener('click', () => this.#toggle());
    this.querySelector('#logout-btn')?.addEventListener('click', () => {
      clearToken();
@@ -85,7 +85,7 @@ class AppTopbar extends HTMLElement {
          </button>
        </div>` : ''}`;

-    if (window.lucide) lucide.createIcons({ nodes: [this] });
+    if (window.lucide) lucide.createIcons({ root: this });

    this.querySelector('#user-menu-btn')?.addEventListener('click', e => {
      e.stopPropagation();