fix: language picker

Author: TheAlbertDev

.DS_Store

@@ -11,7 +11,7 @@
       </li>
       <li>
         <a href={translatePath("/contactar", lang)}>{t("nav.contact")}</a>
-      </li> --> </ul> <div class="dropdown dropdown-end"> <div tabindex="0" role="button" class="btn btn-ghost rounded-btn"> <svg width="18" height="18" viewBox="0 0 24 24" data-icon="mdi:language">  <symbol id="ai:mdi:language"><path fill="currentColor" d="m12.87 15.07l-2.54-2.51l.03-.03A17.5 17.5 0 0 0 14.07 6H17V4h-7V2H8v2H1v2h11.17C11.5 7.92 10.44 9.75 9 11.35C8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5l3.11 3.11zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2zm-2.62 7l1.62-4.33L19.12 17z"/></symbol><use xlink:href="#ai:mdi:language"></use>  </svg> </div> <ul tabindex="0" class="menu dropdown-content bg-base-200 rounded-box z-[2] mt-4 w-52 p-2 shadow"> <li> <a href="/"> Español </a> </li> </ul> </div> <label class="swap swap-rotate btn btn-ghost rounded-btn"> <input id="theme-toggle" type="checkbox" class="theme-controller" value="dark"> <svg width="22" height="22" viewBox="0 0 24 24" class="swap-off" data-icon="tabler:sun">  <symbol id="ai:tabler:sun"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0m-5 0h1m8-9v1m8 8h1m-9 8v1M5.6 5.6l.7.7m12.1-.7l-.7.7m0 11.4l.7.7m-12.1-.7l-.7.7"/></symbol><use xlink:href="#ai:tabler:sun"></use>  </svg> <svg width="22" height="22" viewBox="0 0 24 24" class="swap-on" data-icon="tabler:moon">  <symbol id="ai:tabler:moon"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3h.393a7.5 7.5 0 0 0 7.92 12.446A9 9 0 1 1 12 2.992z"/></symbol><use xlink:href="#ai:tabler:moon"></use>  </svg> </label> <script>
+      </li> --> </ul> <div class="dropdown dropdown-end"> <div tabindex="0" role="button" class="btn btn-ghost rounded-btn"> <svg width="18" height="18" viewBox="0 0 24 24" data-icon="mdi:language">  <symbol id="ai:mdi:language"><path fill="currentColor" d="m12.87 15.07l-2.54-2.51l.03-.03A17.5 17.5 0 0 0 14.07 6H17V4h-7V2H8v2H1v2h11.17C11.5 7.92 10.44 9.75 9 11.35C8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5l3.11 3.11zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2zm-2.62 7l1.62-4.33L19.12 17z"/></symbol><use xlink:href="#ai:mdi:language"></use>  </svg> </div> <ul tabindex="0" class="menu dropdown-content bg-base-200 rounded-box z-[2] mt-4 w-52 p-2 shadow"> <li> <a href="/posts/librerias-de-componentes-reusables-simplificando-la-migracion-entre-targets"> Español </a> </li> </ul> </div> <label class="swap swap-rotate btn btn-ghost rounded-btn"> <input id="theme-toggle" type="checkbox" class="theme-controller" value="dark"> <svg width="22" height="22" viewBox="0 0 24 24" class="swap-off" data-icon="tabler:sun">  <symbol id="ai:tabler:sun"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0m-5 0h1m8-9v1m8 8h1m-9 8v1M5.6 5.6l.7.7m12.1-.7l-.7.7m0 11.4l.7.7m-12.1-.7l-.7.7"/></symbol><use xlink:href="#ai:tabler:sun"></use>  </svg> <svg width="22" height="22" viewBox="0 0 24 24" class="swap-on" data-icon="tabler:moon">  <symbol id="ai:tabler:moon"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3h.393a7.5 7.5 0 0 0 7.92 12.446A9 9 0 1 1 12 2.992z"/></symbol><use xlink:href="#ai:tabler:moon"></use>  </svg> </label> <script>
   const theme = (() => {
     if (typeof localStorage !== "undefined" && localStorage.getItem("theme")) {
       return localStorage.getItem("theme");

en/posts/reusable-component-libraries-simplifying-migration-between-targets/index.html

@@ -11,7 +11,7 @@
       </li>
       <li>
         <a href={translatePath("/contactar", lang)}>{t("nav.contact")}</a>
-      </li> --> </ul> <div class="dropdown dropdown-end"> <div tabindex="0" role="button" class="btn btn-ghost rounded-btn"> <svg width="18" height="18" viewBox="0 0 24 24" data-icon="mdi:language">  <symbol id="ai:mdi:language"><path fill="currentColor" d="m12.87 15.07l-2.54-2.51l.03-.03A17.5 17.5 0 0 0 14.07 6H17V4h-7V2H8v2H1v2h11.17C11.5 7.92 10.44 9.75 9 11.35C8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5l3.11 3.11zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2zm-2.62 7l1.62-4.33L19.12 17z"/></symbol><use xlink:href="#ai:mdi:language"></use>  </svg> </div> <ul tabindex="0" class="menu dropdown-content bg-base-200 rounded-box z-[2] mt-4 w-52 p-2 shadow"> <li> <a href="/en"> English </a> </li> </ul> </div> <label class="swap swap-rotate btn btn-ghost rounded-btn"> <input id="theme-toggle" type="checkbox" class="theme-controller" value="dark"> <svg width="22" height="22" viewBox="0 0 24 24" class="swap-off" data-icon="tabler:sun">  <symbol id="ai:tabler:sun"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0m-5 0h1m8-9v1m8 8h1m-9 8v1M5.6 5.6l.7.7m12.1-.7l-.7.7m0 11.4l.7.7m-12.1-.7l-.7.7"/></symbol><use xlink:href="#ai:tabler:sun"></use>  </svg> <svg width="22" height="22" viewBox="0 0 24 24" class="swap-on" data-icon="tabler:moon">  <symbol id="ai:tabler:moon"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3h.393a7.5 7.5 0 0 0 7.92 12.446A9 9 0 1 1 12 2.992z"/></symbol><use xlink:href="#ai:tabler:moon"></use>  </svg> </label> <script>
+      </li> --> </ul> <div class="dropdown dropdown-end"> <div tabindex="0" role="button" class="btn btn-ghost rounded-btn"> <svg width="18" height="18" viewBox="0 0 24 24" data-icon="mdi:language">  <symbol id="ai:mdi:language"><path fill="currentColor" d="m12.87 15.07l-2.54-2.51l.03-.03A17.5 17.5 0 0 0 14.07 6H17V4h-7V2H8v2H1v2h11.17C11.5 7.92 10.44 9.75 9 11.35C8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5l3.11 3.11zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2zm-2.62 7l1.62-4.33L19.12 17z"/></symbol><use xlink:href="#ai:mdi:language"></use>  </svg> </div> <ul tabindex="0" class="menu dropdown-content bg-base-200 rounded-box z-[2] mt-4 w-52 p-2 shadow"> <li> <a href="/en/posts/reusable-component-libraries-simplifying-migration-between-targets"> English </a> </li> </ul> </div> <label class="swap swap-rotate btn btn-ghost rounded-btn"> <input id="theme-toggle" type="checkbox" class="theme-controller" value="dark"> <svg width="22" height="22" viewBox="0 0 24 24" class="swap-off" data-icon="tabler:sun">  <symbol id="ai:tabler:sun"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0m-5 0h1m8-9v1m8 8h1m-9 8v1M5.6 5.6l.7.7m12.1-.7l-.7.7m0 11.4l.7.7m-12.1-.7l-.7.7"/></symbol><use xlink:href="#ai:tabler:sun"></use>  </svg> <svg width="22" height="22" viewBox="0 0 24 24" class="swap-on" data-icon="tabler:moon">  <symbol id="ai:tabler:moon"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3h.393a7.5 7.5 0 0 0 7.92 12.446A9 9 0 1 1 12 2.992z"/></symbol><use xlink:href="#ai:tabler:moon"></use>  </svg> </label> <script>
   const theme = (() => {
     if (typeof localStorage !== "undefined" && localStorage.getItem("theme")) {
       return localStorage.getItem("theme");