🔀 Merge pull request #1423 from stinkybernie/update-simple-icons

Update 'simple-icons' from v7.19.0 to v10.4.0
Fixes #1254

package.json

@@ -33,8 +33,8 @@
     "register-service-worker": "^1.7.2",
     "remedial": "^1.0.8",
     "rss-parser": "3.13.0",
+    "simple-icons": "^10.4.0",
     "rsup-progress": "^3.2.0",
-    "simple-icons": "^7.19.0",
     "v-jsoneditor": "^1.4.5",
     "v-tooltip": "^2.1.3",
     "vue": "^2.7.0",

src/components/LinkItems/ItemIcon.vue

@@ -21,14 +21,15 @@
 </template>
 
 <script>
-import simpleIcons from 'simple-icons';
 import BrokenImage from '@/assets/interface-icons/broken-icon.svg';
 import ErrorHandler from '@/utils/ErrorHandler';
 import EmojiUnicodeRegex from '@/utils/EmojiUnicodeRegex';
 import emojiLookup from '@/utils/emojis.json';
 import { asciiHash } from '@/utils/MiscHelpers';
 import { faviconApi as defaultFaviconApi, faviconApiEndpoints, iconCdns } from '@/utils/defaults';
 
+const simpleicons = require('simple-icons');
+
 export default {
   name: 'Icon',
   props: {
@@ -186,8 +187,8 @@ export default {
     },
     /* Returns the SVG path content  */
     getSimpleIcon(img) {
-      const imageName = img.replace('si-', '');
-      const icon = simpleIcons.Get(imageName);
+      const imageName = img.charAt(3).toUpperCase() + img.slice(4);
+      const icon = simpleicons[`si${imageName}`];
       if (!icon) {
         this.imageNotFound(`No icon was found for '${imageName}' in Simple Icons`);
         return null;