fallback to default skin on error

Author: lucko

src/assets/defaultskin.png

@@ -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>