fallback to default skin on error

LuckPerms · May 6, 2021 · 036225b · 036225b
1 parent 865c4fe
commit 036225b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/assets/defaultskin.png b/src/assets/defaultskin.png
diff --git a/src/components/Avatar.vue b/src/components/Avatar.vue
@@ -1,11 +1,14 @@
 <template>
   <img
-    :src="`https://crafthead.net/helm/${key}`"
+    :src="`https://crafthead.net/helm/${key}/8`"
     :title="title && `${name}'s avatar`"
+    @error="replaceWithDefault"
   />
 </template>
 
 <script>
+import defaultSkin from '../assets/defaultskin.png';
+
 export default {
   props: {
     id: {
@@ -24,5 +27,10 @@ export default {
       return this.id.replace(/-/g, '');
     },
   },
+  methods: {
+    replaceWithDefault(e) {
+      e.target.src = defaultSkin;
+    },
+  },
 };
 </script>