fix: fixes broken icons (#2438)

assets/components.d.ts

@@ -44,16 +44,16 @@ declare module 'vue' {
     LogViewer: typeof import('./components/LogViewer/LogViewer.vue')['default']
     LogViewerWithSource: typeof import('./components/LogViewer/LogViewerWithSource.vue')['default']
     'Mdi:arrowUp': typeof import('~icons/mdi/arrow-up')['default']
+    'Mdi:chevronDoubleDown': typeof import('~icons/mdi/chevron-double-down')['default']
+    'Mdi:chevronLeft': typeof import('~icons/mdi/chevron-left')['default']
+    'Mdi:chevronRight': typeof import('~icons/mdi/chevron-right')['default']
     'Mdi:close': typeof import('~icons/mdi/close')['default']
+    'Mdi:cog': typeof import('~icons/mdi/cog')['default']
     'Mdi:hamburgerMenu': typeof import('~icons/mdi/hamburger-menu')['default']
     'Mdi:keyboardEsc': typeof import('~icons/mdi/keyboard-esc')['default']
-    'Mdi:lightChevronDoubleDown': typeof import('~icons/mdi-light/chevron-double-down')['default']
-    'Mdi:lightChevronLeft': typeof import('~icons/mdi-light/chevron-left')['default']
-    'Mdi:lightChevronRight': typeof import('~icons/mdi-light/chevron-right')['default']
-    'Mdi:lightCog': typeof import('~icons/mdi-light/cog')['default']
-    'Mdi:lightLogout': typeof import('~icons/mdi-light/logout')['default']
-    'Mdi:lightMagnify': typeof import('~icons/mdi-light/magnify')['default']
-    'MdiLight:check': typeof import('~icons/mdi-light/check')['default']
+    'Mdi:logout': typeof import('~icons/mdi/logout')['default']
+    'Mdi:magnify': typeof import('~icons/mdi/magnify')['default']
+    'MdiLight:check': typeof import('~icons/mdi/check')['default']
     MobileMenu: typeof import('./components/common/MobileMenu.vue')['default']
     'Octicon:container24': typeof import('~icons/octicon/container24')['default']
     'Octicon:download24': typeof import('~icons/octicon/download24')['default']

assets/components/FuzzySearchModal.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="dropdown dropdown-open w-full">
     <div class="input input-primary flex h-auto items-center">
-      <mdi:light-magnify class="flex h-8 w-8" />
+      <mdi:magnify class="flex h-8 w-8" />
       <input
         tabindex="0"
         class="input input-ghost input-lg flex-1 px-1"

assets/components/LogViewer/LogActionsToolbar.vue

@@ -18,7 +18,7 @@
       </li>
       <li>
         <a @click.prevent="showSearch = true">
-          <mdi:light-magnify /> {{ $t("toolbar.search") }}
+          <mdi:magnify /> {{ $t("toolbar.search") }}
           <key-shortcut char="f"></key-shortcut>
         </a>
       </li>

assets/components/ScrollableView.vue

@@ -25,7 +25,7 @@
           @click="scrollToBottom()"
           v-show="paused"
         >
-          <mdi:light-chevron-double-down />
+          <mdi:chevron-double-down />
         </button>
       </transition>
     </div>

assets/components/Search.vue

@@ -5,7 +5,7 @@
     v-if="search"
   >
     <div class="input input-primary flex h-auto items-center">
-      <mdi:light-magnify />
+      <mdi:magnify />
       <input
         class="input flex-1"
         type="text"

assets/components/SidePanel.vue

@@ -19,10 +19,10 @@
         data-testid="settings"
         class="btn btn-circle btn-sm"
       >
-        <mdi:light-cog />
+        <mdi:cog />
       </router-link>
       <a :href="`${base}/logout`" :title="$t('button.logout')" v-if="secured" class="btn btn-circle btn-sm">
-        <mdi:light-logout />
+        <mdi:logout />
       </a>
     </div>
     <a
@@ -30,7 +30,7 @@
       @click="$emit('search')"
       :title="$t('tooltip.search')"
     >
-      <mdi:light-magnify />
+      <mdi:magnify />
       Search
       <key-shortcut char="k"></key-shortcut>
     </a>

assets/components/common/MobileMenu.vue

@@ -9,7 +9,7 @@
 
       <div class="ml-auto flex items-center gap-2">
         <a class="btn btn-circle flex" @click="$emit('search')" :title="$t('tooltip.search')">
-          <mdi:light-magnify class="h-5 w-5" />
+          <mdi:magnify class="h-5 w-5" />
         </a>
         <label class="btn btn-circle swap swap-rotate" data-testid="hamburger">
           <input type="checkbox" v-model="show" />
@@ -30,10 +30,10 @@
             v-if="config.hosts.length > 1"
           />
           <router-link :to="{ name: 'settings' }" class="btn btn-outline btn-sm">
-            <mdi:light-cog /> {{ $t("button.settings") }}
+            <mdi:cog /> {{ $t("button.settings") }}
           </router-link>
           <a class="btn btn-outline btn-sm" :href="`${base}/logout`" :title="$t('button.logout')" v-if="secured">
-            <mdi:light-logout /> {{ $t("button.logout") }}
+            <mdi:logout /> {{ $t("button.logout") }}
           </a>
         </div>
 

assets/layouts/default.vue

@@ -30,8 +30,8 @@
       v-if="!isMobile"
     >
       <input type="checkbox" v-model="collapseNav" />
-      <mdi:light-chevron-right class="swap-on text-secondary" />
-      <mdi:light-chevron-left class="swap-off" />
+      <mdi:chevron-right class="swap-on text-secondary" />
+      <mdi:chevron-left class="swap-off" />
     </label>
   </div>
   <dialog ref="modal" class="modal items-start bg-white/20 backdrop:backdrop-blur-sm" @close="open = false">

package.json

@@ -58,7 +58,7 @@
   "splitpanes": "^3.1.5",
   "tailwindcss": "^3.3.3",
   "unplugin-auto-import": "^0.16.6",
-  "unplugin-icons": "^0.17.0",
+  "unplugin-icons": "^0.17.1",
   "unplugin-vue-components": "^0.25.2",
   "unplugin-vue-macros": "^2.6.1",
   "vite": "4.5.0",

pnpm-lock.yaml

@@ -99,8 +99,8 @@ dependencies:
     specifier: ^0.16.6
     version: 0.16.6(@vueuse/core@10.5.0)
   unplugin-icons:
-    specifier: ^0.17.0
-    version: 0.17.0(@vue/compiler-sfc@3.3.6)
+    specifier: ^0.17.1
+    version: 0.17.1(@vue/compiler-sfc@3.3.6)
   unplugin-vue-components:
     specifier: ^0.25.2
     version: 0.25.2(vue@3.3.6)
@@ -677,8 +677,8 @@ packages:
   /@iconify/types@2.0.0:
     resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
 
-  /@iconify/utils@2.1.9:
-    resolution: {integrity: sha512-mo+A4n3MwLlWlg1SoSO+Dt6pOPWKElk9sSJ6ZpuzbB9OcjxN8RUWxU3ulPwB1nglErWKRam2x4BAohbYF7FiFA==}
+  /@iconify/utils@2.1.11:
+    resolution: {integrity: sha512-M/w3PkN8zQYXi8N6qK/KhnYMfEbbb6Sk8RZVn8g+Pmmu5ybw177RpsaGwpziyHeUsu4etrexYSWq3rwnIqzYCg==}
     dependencies:
       '@antfu/install-pkg': 0.1.1
       '@antfu/utils': 0.7.6
@@ -3317,6 +3317,14 @@ packages:
     resolution: {integrity: sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==}
     engines: {node: '>=14'}
 
+  /local-pkg@0.5.0:
+    resolution: {integrity: sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==}
+    engines: {node: '>=14'}
+    dependencies:
+      mlly: 1.4.2
+      pkg-types: 1.0.3
+    dev: false
+
   /locate-path@6.0.0:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
@@ -4584,8 +4592,8 @@ packages:
       vite: 4.5.0(@types/node@20.8.7)
     dev: false
 
-  /unplugin-icons@0.17.0(@vue/compiler-sfc@3.3.6):
-    resolution: {integrity: sha512-gMv66eY/Hj64heM55XrfDH3LUCWI51mtkBVUPVl9VkpvLgAYhdVe9nRuzu6p+idmCLSQVq7xiPxQcD4aXCgW5A==}
+  /unplugin-icons@0.17.1(@vue/compiler-sfc@3.3.6):
+    resolution: {integrity: sha512-KsWejBPCHokYCNDQUzGu6R3E3XDYH/YpewgQwrVBXgpl1iR0RdW1NEGNdjlbuapwVnZXVgA5eiDTfNaQCawSdg==}
     peerDependencies:
       '@svgr/core': '>=7.0.0'
       '@svgx/core': ^1.0.1
@@ -4606,12 +4614,12 @@ packages:
     dependencies:
       '@antfu/install-pkg': 0.1.1
       '@antfu/utils': 0.7.6
-      '@iconify/utils': 2.1.9
+      '@iconify/utils': 2.1.11
       '@vue/compiler-sfc': 3.3.6
       debug: 4.3.4
       kolorist: 1.8.0
-      local-pkg: 0.4.3
-      unplugin: 1.4.0
+      local-pkg: 0.5.0
+      unplugin: 1.5.0
     transitivePeerDependencies:
       - supports-color
     dev: false