fix tabs for active

Author: olton

lib/metro.all.js

@@ -26888,6 +26888,8 @@
         this._collectTargets();
         if (tab === void 0) {
           tab = $3(tabs[0]);
+        } else {
+          tab = $3(tab);
         }
         const target = tab.find("a").attr("href");
         const tabIndex = tab.index();
@@ -27028,10 +27030,10 @@
         element2.addClass("package-manager");
         element2.html(`
                 <ul data-role="tabs" data-expand="true" data-link="${o2.link}">
-                    <li ${o2.default === "npm" ? "active" : ""}><a href="#${npmId}"><span class="mif-npm"></span> npm</a></li>
-                    <li ${o2.default === "pnpm" ? "active" : ""}><a href="#${pnpmId}"><span class="mif-pnpm"></span> pnpm</a></li>
-                    <li ${o2.default === "yarn" ? "active" : ""}><a href="#${yarnId}"><span class="mif-yarn"></span> yarn</a></li>
-                    <li ${o2.default === "bun" ? "active" : ""}><a href="#${bunId}"><span class="mif-bun"></span> bun</a></li>
+                    <li class="${o2.default === "npm" ? "active" : ""}"><a href="#${npmId}"><span class="mif-npm"></span> npm</a></li>
+                    <li class="${o2.default === "pnpm" ? "active" : ""}"><a href="#${pnpmId}"><span class="mif-pnpm"></span> pnpm</a></li>
+                    <li class="${o2.default === "yarn" ? "active" : ""}"><a href="#${yarnId}"><span class="mif-yarn"></span> yarn</a></li>
+                    <li class="${o2.default === "bun" ? "active" : ""}"><a href="#${bunId}"><span class="mif-bun"></span> bun</a></li>
                 </ul>
                 <div>
                     <div class="pm-command" id="${npmId}">

lib/metro.all.js.map

@@ -26888,6 +26888,8 @@
         this._collectTargets();
         if (tab === void 0) {
           tab = $3(tabs[0]);
+        } else {
+          tab = $3(tab);
         }
         const target = tab.find("a").attr("href");
         const tabIndex = tab.index();
@@ -27028,10 +27030,10 @@
         element2.addClass("package-manager");
         element2.html(`
                 <ul data-role="tabs" data-expand="true" data-link="${o2.link}">
-                    <li ${o2.default === "npm" ? "active" : ""}><a href="#${npmId}"><span class="mif-npm"></span> npm</a></li>
-                    <li ${o2.default === "pnpm" ? "active" : ""}><a href="#${pnpmId}"><span class="mif-pnpm"></span> pnpm</a></li>
-                    <li ${o2.default === "yarn" ? "active" : ""}><a href="#${yarnId}"><span class="mif-yarn"></span> yarn</a></li>
-                    <li ${o2.default === "bun" ? "active" : ""}><a href="#${bunId}"><span class="mif-bun"></span> bun</a></li>
+                    <li class="${o2.default === "npm" ? "active" : ""}"><a href="#${npmId}"><span class="mif-npm"></span> npm</a></li>
+                    <li class="${o2.default === "pnpm" ? "active" : ""}"><a href="#${pnpmId}"><span class="mif-pnpm"></span> pnpm</a></li>
+                    <li class="${o2.default === "yarn" ? "active" : ""}"><a href="#${yarnId}"><span class="mif-yarn"></span> yarn</a></li>
+                    <li class="${o2.default === "bun" ? "active" : ""}"><a href="#${bunId}"><span class="mif-bun"></span> bun</a></li>
                 </ul>
                 <div>
                     <div class="pm-command" id="${npmId}">

lib/metro.js

@@ -49,10 +49,10 @@
             element.addClass("package-manager");
             element.html(`
                 <ul data-role="tabs" data-expand="true" data-link="${o.link}">
-                    <li ${o.default === "npm" ? "active" : ""}><a href="#${npmId}"><span class="mif-npm"></span> npm</a></li>
-                    <li ${o.default === "pnpm" ? "active" : ""}><a href="#${pnpmId}"><span class="mif-pnpm"></span> pnpm</a></li>
-                    <li ${o.default === "yarn" ? "active" : ""}><a href="#${yarnId}"><span class="mif-yarn"></span> yarn</a></li>
-                    <li ${o.default === "bun" ? "active" : ""}><a href="#${bunId}"><span class="mif-bun"></span> bun</a></li>
+                    <li class="${o.default === "npm" ? "active" : ""}"><a href="#${npmId}"><span class="mif-npm"></span> npm</a></li>
+                    <li class="${o.default === "pnpm" ? "active" : ""}"><a href="#${pnpmId}"><span class="mif-pnpm"></span> pnpm</a></li>
+                    <li class="${o.default === "yarn" ? "active" : ""}"><a href="#${yarnId}"><span class="mif-yarn"></span> yarn</a></li>
+                    <li class="${o.default === "bun" ? "active" : ""}"><a href="#${bunId}"><span class="mif-bun"></span> bun</a></li>
                 </ul>
                 <div>
                     <div class="pm-command" id="${npmId}">

lib/metro.js.map

@@ -228,6 +228,8 @@
 
             if (tab === undefined) {
                 tab = $(tabs[0]);
+            } else {
+                tab = $(tab);
             }
 
             const target = tab.find("a").attr("href");