feat: Removed unnecessary computed, update docs, update version

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",

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>