From fcfa508cbc16c0728224c1e4d15bed85550825b1 Mon Sep 17 00:00:00 2001
From: Mysterious_Dev <40738104+Mysterious-Dev@users.noreply.github.com>
Date: Mon, 2 Oct 2023 13:08:56 +0200
Subject: [PATCH] Fix convertion to Composition API for Avatar component
 (#1391)

* Fix Convertion for Avatar component

* Use ref for img
---
 components/ui/Avatar.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/ui/Avatar.vue b/components/ui/Avatar.vue
index 72fffba4f..05f6ad515 100644
--- 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>