diff --git a/packages/vue3/src/_dev/App.vue b/packages/vue3/src/_dev/App.vue
index dcda7d51..724c7e5d 100644
--- a/packages/vue3/src/_dev/App.vue
+++ b/packages/vue3/src/_dev/App.vue
@@ -2,15 +2,40 @@
import 'uno.css';
import '../assets/main.css';
import { ref } from 'vue';
-import { RichText } from '~/components';
+import { Badge, Divider, DropdownMenu, DropdownMenuItem } from '~/components';
-const content = ref('Default value');
+const imgSrc = ref('https://i.imgur.com/61WTxIG.jpg');
-
-
{{ content }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Badge
+
+
+
+
+
+
+
+
+
+
+
@@ -18,4 +43,30 @@ const content = ref('Default value');
.container {
margin: 30px;
}
+
+.custom-class {
+ color: var(--red-500); /* Change this to your desired color */
+}
+
+.avatar {
+ width: 55px;
+ height: 55px;
+ overflow: hidden;
+ transition: all 200ms linear;
+ border: 2px solid var(--gray-300);
+ border-radius: 50%;
+ box-shadow: var(--shadow-md-brand);
+ cursor: pointer;
+}
+
+.avatar:hover {
+ border: 2px solid var(--gray-400);
+}
+
+.avatar img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ object-position: center;
+}
diff --git a/packages/vue3/src/components/DropdownMenu/DropdownMenu.vue b/packages/vue3/src/components/DropdownMenu/DropdownMenu.vue
index bbfcb0ea..f55b20c5 100644
--- a/packages/vue3/src/components/DropdownMenu/DropdownMenu.vue
+++ b/packages/vue3/src/components/DropdownMenu/DropdownMenu.vue
@@ -26,6 +26,10 @@ const handleScroll = () => {
show.value = false;
};
+const closeMenu = () => {
+ show.value = false;
+};
+
onMounted(() => {
window.addEventListener('scroll', handleScroll);
});
@@ -43,7 +47,7 @@ onClickOutside(dropdownMenu, () => show.value = false);
-