From 35b299c808ee3ae976b98df9be32a154522bec8f Mon Sep 17 00:00:00 2001
From: Vladimir banduristov <vtboren56@yandex.ru>
Date: Mon, 12 Dec 2022 10:20:04 +0300
Subject: [PATCH] feat: Removed unnecessary computed, update docs, update
 version

---
 package.json      |  2 +-
 src/VueAvatar.vue | 27 +++------------------------
 2 files changed, 4 insertions(+), 25 deletions(-)

diff --git a/package.json b/package.json
index 83350d6..b7b575d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@webzlodimir/vue-avatar",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "private": false,
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
diff --git a/src/VueAvatar.vue b/src/VueAvatar.vue
index ea75c8a..5ddb437 100644
--- a/src/VueAvatar.vue
+++ b/src/VueAvatar.vue
@@ -1,5 +1,5 @@
 <template>
-  <div :style="avatarStyles" :class="avatarClasses">
+  <div :style="avatarStyles" class="vue-avatar">
     <template v-if="!slots.default && !props.imgSrc">
       {{ parsedUserName }}
     </template>
@@ -36,7 +36,7 @@ const props = withDefaults(defineProps<IProps>(), {
 });
 
 /**
- * Get uppercase letters from username
+ * Computed return uppercase letters from username
  */
 const parsedUserName = computed(() => {
   return props.username
@@ -46,7 +46,7 @@ const parsedUserName = computed(() => {
 });
 
 /**
- * Compute components styles
+ * Computed return components styles
  */
 const avatarStyles = computed(() => {
   return {
@@ -59,19 +59,6 @@ const avatarStyles = computed(() => {
   };
 });
 
-/**
- * Compute components classes
- */
-const avatarClasses = computed(() => {
-  return [
-    "vue-avatar",
-    {
-      "vue-avatar--rounded":
-        props.borderRadius && props.borderRadius.length > 0,
-    },
-  ];
-});
-
 /**
  * This function takes colors in hex format (i.e. #F06D06,
  * with or without hash) and lightens or darkens them with a value.
@@ -149,13 +136,5 @@ const slots = useSlots();
       border-radius: inherit;
     }
   }
-  &--rounded {
-    &:deep {
-      img,
-      picture {
-        border-radius: inherit;
-      }
-    }
-  }
 }
 </style>