From b21c55f5c4cdbda126c6d2e6bf93fccdc0bc55be Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 9 May 2023 11:52:01 +0200
Subject: [PATCH] chore(Dropdown): move resolve class logic into template

---
 src/runtime/components/elements/Dropdown.vue | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/src/runtime/components/elements/Dropdown.vue b/src/runtime/components/elements/Dropdown.vue
index fa2b9795..2fc47b26 100644
--- a/src/runtime/components/elements/Dropdown.vue
+++ b/src/runtime/components/elements/Dropdown.vue
@@ -23,7 +23,7 @@
               <Component
                 v-bind="omit(item, ['click'])"
                 :is="(item.to && NuxtLink) || (item.click && 'button') || 'div'"
-                :class="resolveItemClass({ active, disabled: itemDisabled })"
+                :class="[ui.item.base, active ? ui.item.active : ui.item.inactive, itemDisabled && ui.item.disabled]"
                 @click="item.click"
               >
                 <slot :name="item.slot || 'item'" :item="item">
@@ -129,14 +129,6 @@ export default defineComponent({
 
     const [trigger, container] = usePopper(popper.value)
 
-    function resolveItemClass ({ active, disabled }: { active: boolean, disabled: boolean }) {
-      return classNames(
-        ui.value.item.base,
-        active ? ui.value.item.active : ui.value.item.inactive,
-        disabled && ui.value.item.disabled
-      )
-    }
-
     // https://github.com/tailwindlabs/headlessui/blob/f66f4926c489fc15289d528294c23a3dc2aee7b1/packages/%40headlessui-vue/src/components/menu/menu.ts#L131
     const menuApi = ref<any>(null)
 
@@ -200,7 +192,6 @@ export default defineComponent({
       ui,
       trigger,
       container,
-      resolveItemClass,
       onMouseOver,
       onMouseLeave,
       omit,