From 3f056561659ef8b37203c5c3b6c3a189daa213d9 Mon Sep 17 00:00:00 2001
From: pat-s <patrick.schratz@gmail.com>
Date: Wed, 18 Dec 2024 19:48:54 +0100
Subject: [PATCH] .

---
 .pre-commit-config.yaml            |  4 ++--
 web/package.json                   |  1 +
 web/pnpm-lock.yaml                 | 10 ++++++++++
 web/src/components/atomic/Icon.vue |  5 ++---
 4 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index 074502363..8fef8d0a7 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -27,8 +27,8 @@ repos:
     rev: v2.13.1-beta
     hooks:
       - id: hadolint
-  - repo: https://github.com/pre-commit/mirrors-prettier
-    rev: v4.0.0-alpha.8
+  - repo: https://github.com/rbubley/mirrors-prettier
+    rev: v3.4.2
     hooks:
       - id: prettier
   - repo: https://github.com/adrienverge/yamllint.git
diff --git a/web/package.json b/web/package.json
index 207f5057b..8b4d9014c 100644
--- a/web/package.json
+++ b/web/package.json
@@ -28,6 +28,7 @@
     "devicons": "^1.8.0",
     "dompurify": "^3.2.0",
     "fuse.js": "^7.0.0",
+    "iconify-icon": "^2.2.0",
     "js-base64": "^3.7.7",
     "lodash": "^4.17.21",
     "marked": "^15.0.0",
diff --git a/web/pnpm-lock.yaml b/web/pnpm-lock.yaml
index 8427e150a..1565cd6f2 100644
--- a/web/pnpm-lock.yaml
+++ b/web/pnpm-lock.yaml
@@ -41,6 +41,9 @@ importers:
       fuse.js:
         specifier: ^7.0.0
         version: 7.0.0
+      iconify-icon:
+        specifier: ^2.2.0
+        version: 2.2.0
       js-base64:
         specifier: ^3.7.7
         version: 3.7.7
@@ -1739,6 +1742,9 @@ packages:
     resolution: {integrity: sha512-1e4Wqeblerz+tMKPIq2EMGiiWW1dIjZOksyHWSUm1rmuvw/how9hBHZ38lAGj5ID4Ik6EdkOw7NmWPy6LAwalw==}
     engines: {node: '>= 14'}
 
+  iconify-icon@2.2.0:
+    resolution: {integrity: sha512-PDYyUWgsI8tp5uTwRAfwfrmjkC9WEzWbUFuByAiZAIuCFigho7u+ApIYJ9fKoZyyp8SBCpnq/dVHewNv4or6bg==}
+
   iconv-lite@0.6.3:
     resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
     engines: {node: '>=0.10.0'}
@@ -4574,6 +4580,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  iconify-icon@2.2.0:
+    dependencies:
+      '@iconify/types': 2.0.0
+
   iconv-lite@0.6.3:
     dependencies:
       safer-buffer: 2.1.2
diff --git a/web/src/components/atomic/Icon.vue b/web/src/components/atomic/Icon.vue
index bc1dc3c43..a91cbef35 100644
--- a/web/src/components/atomic/Icon.vue
+++ b/web/src/components/atomic/Icon.vue
@@ -53,7 +53,7 @@
   <SvgIcon v-else-if="name === 'visibility-private'" :path="mdiLockOutline" size="24" />
   <SvgIcon v-else-if="name === 'visibility-internal'" :path="mdiLockOpenOutline" size="24" />
 
-  <iconify-icon v-else-if="name === 'forgejo'" icon="devicon:forgejo" width="32" height="32" />
+  <iconify-icon v-else-if="name === 'forgejo'" icon="devicon:forgejo" />
   <!-- <i v-else-if="name === 'forgejo'" class="devicon-forgejo-plain" />
   <i v-else-if="name === 'github'" class="devicon-github-plain" />
   <i v-else-if="name === 'gitlab'" class="devicon-gitlab-plain" /> -->
@@ -83,8 +83,7 @@
 </template>
 
 <script lang="ts" setup>
-import '@iconify/vue';
-
+import "iconify-icon";
 import {
   mdiAlarm,
   mdiAlertCircle,