Vue3 Menu cant handle @change

[michelwaechter]

Hello friends.

Got a question to your Menu component.

I used to work with your component seen here:
https://tailwindui.com/preview#component-e799517f86cc2fc79bf0eebb45c16eea

No i wanted to start a function on change of Sort-Item. Handled like this:
`<MenuItem
v-for="option in sortOptions"
:key="option.name"

                  v-slot="{ active }"
                >
                  <div
                    @change="handleSort(option.name)"
                    :class="[
                      option.current
                        ? 'font-medium text-gray-900'
                        : 'text-gray-500',
                      active ? 'bg-gray-100' : '',
                      'block px-4 py-2 text-sm',
                    ]"
                  >
                    {{ option.name }}
                  </div>
                </MenuItem>`

In this function I just placed an console.log.

So I thought the output would be:
Click on "Standard"
"click: Standard"

In reality:
Click on "Standard"

"click: Standard"
"click: population"
"click: name"
"click: date"

Every item is "fired". How to solve?