Fix convertion to Composition API for Avatar component (#1391)

* Fix Convertion for Avatar component * Use ref for img
modrinth · Oct 2, 2023 · fcfa508 · fcfa508
1 parent a6766ef
commit fcfa508
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/components/ui/Avatar.vue b/components/ui/Avatar.vue
@@ -36,6 +36,7 @@
 
 <script setup>
 const pixelated = ref(false)
+const img = ref(null)
 
 defineProps({
   src: {
@@ -72,10 +73,10 @@ defineProps({
 })
 
 function updatePixelated() {
-  if (this.$refs.img && this.$refs.img.naturalWidth && this.$refs.img.naturalWidth <= 96) {
-    this.pixelated = true
+  if (img.value && img.value.naturalWidth && img.value.naturalWidth <= 96) {
+    pixelated.value = true
   } else {
-    this.pixelated = false
+    pixelated.value = false
   }
 }
 </script>