.

.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

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",

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

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,