From 97d9e3cedb51b369da2b8b66ffaa5a9ff41fb957 Mon Sep 17 00:00:00 2001
From: selemondev <selemondev19@gmail.com>
Date: Mon, 25 Sep 2023 19:34:46 +0300
Subject: [PATCH] fix(app): avatarGroup theme

---
 README.md                                     | 12 ++--
 package.json                                  |  2 +-
 .../elements/Avatar/UAvatarGroup.vue          | 68 -------------------
 .../nuxt-ui-vue/src/theme/nuxtLabsTheme.ts    |  4 +-
 4 files changed, 10 insertions(+), 76 deletions(-)

diff --git a/README.md b/README.md
index d4e19d6..cecfdc0 100755
--- a/README.md
+++ b/README.md
@@ -396,11 +396,13 @@ const toast = useToast()
 </script>
 
 <template>
-    <UButton label="Show toast" @click="toast.add({
-        title: 'Update downloaded.',
-        description: 'It will be installed on restart. Restart now?',
-        icon: 'octicon:desktop-download-24',
-    })" />
+  <UButton
+    label="Show toast" @click="toast.add({
+      title: 'Update downloaded.',
+      description: 'It will be installed on restart. Restart now?',
+      icon: 'octicon:desktop-download-24',
+    })"
+  />
 </template>
 ```
 
diff --git a/package.json b/package.json
index db63630..25efafc 100755
--- a/package.json
+++ b/package.json
@@ -43,4 +43,4 @@
       "pnpm lint:fix"
     ]
   }
-}
\ No newline at end of file
+}
diff --git a/packages/nuxt-ui-vue/src/components/elements/Avatar/UAvatarGroup.vue b/packages/nuxt-ui-vue/src/components/elements/Avatar/UAvatarGroup.vue
index 8c61647..4ced283 100755
--- a/packages/nuxt-ui-vue/src/components/elements/Avatar/UAvatarGroup.vue
+++ b/packages/nuxt-ui-vue/src/components/elements/Avatar/UAvatarGroup.vue
@@ -1,71 +1,3 @@
-<!-- <script lang="ts">
-import { cloneVNode, computed, defineComponent, h } from 'vue'
-import type { PropType, VNode } from 'vue'
-import classNames from 'classnames'
-import nuxtLabsTheme from '../../../theme/nuxtLabsTheme'
-import { getSlotsFromChildren } from './Types'
-import UAvatar from './UAvatar.vue'
-import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
-import type { UAvatarGroup } from '@/Types/componentsTypes/components'
-import { Components } from '@/Types/enums/Components'
-
-export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl'
-
-export default defineComponent({
-  name: Components.UAvatarGroup,
-
-  props: {
-    ...getVariantPropsWithClassesList<UAvatarGroup>(),
-    size: {
-      type: String as PropType<AvatarSize>,
-      default: 'md',
-    },
-    max: {
-      type: Number,
-      default: null,
-    },
-  },
-  setup(props, { slots }) {
-    const children = computed(() => getSlotsFromChildren(slots))
-
-    // if max is passed as a string, we go ahead and convert it into an integer
-
-    const max = computed(() => typeof props.max === 'string' ? Number.parseInt(props.max) : props.max)
-
-    const clones = computed(() => children.value.map((node: VNode<unknown, unknown, { [key: string]: any }>, index: number) => {
-      const vProps: Record<string, string> = {}
-
-      if (!props.max || (max.value && index < max.value)) {
-        if (props.size)
-          vProps.size = props.size
-
-        vProps.class = node.props?.class || ''
-        vProps.class += `${classNames(
-          nuxtLabsTheme.UAvatarGroup.base.avatarGroupMargin,
-        )}`
-
-        return cloneVNode(node, vProps)
-      }
-
-      if (max.value !== undefined && index === max.value) {
-        return h(UAvatar, {
-          size: props.size,
-          text: `${children.value.length - max.value}`,
-          name: `${children.value.length - max.value}`,
-          alt: `${children.value.length - max.value}`,
-        })
-      }
-
-      return null
-    }).filter(Boolean).reverse())
-
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-expect-error
-    return () => h('div', { class: nuxtLabsTheme.UAvatarGroup.base.root }, clones.value)
-  },
-})
-</script> -->
-
 <script lang="ts">
 import { cloneVNode, computed, defineComponent, h } from 'vue'
 import type { PropType, VNode } from 'vue'
diff --git a/packages/nuxt-ui-vue/src/theme/nuxtLabsTheme.ts b/packages/nuxt-ui-vue/src/theme/nuxtLabsTheme.ts
index e1a929f..b5fd333 100755
--- a/packages/nuxt-ui-vue/src/theme/nuxtLabsTheme.ts
+++ b/packages/nuxt-ui-vue/src/theme/nuxtLabsTheme.ts
@@ -125,12 +125,12 @@ export default {
   UAvatarGroup: {
     base: {
       root: 'flex flex-row-reverse justify-end',
-      avatarGroupMargin: '-mx-2.5',
+      avatarGroupMargin: '-mx-2',
     },
 
     variants: {
       root: 'flex flex-row-reverse justify-end',
-      avatarGroupMargin: '-mx-2.5',
+      avatarGroupMargin: '-mx-2',
     },
   },