AutoComplete: class style and click event refactor on removetokenicon scoped slot

[service-paradis]

Describe the bug

You added support for custom icons in Primevue 3.27.0 which is really appreciated!

I found there were some missing information when customizing removetokenicon in the AutoComplete component. It would be beneficial if the removal function were passed as scope for this icon slot. Chip component works this way.

Reproducer

https://codesandbox.io/s/kind-star-7g0l7x?file=/src/App.vue

PrimeVue version

3.27.0

Vue version

3.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

Version 1.50.114 Chromium: 112.0.5615.49 (Build officiel) (64 bits)

Steps to reproduce the behavior

1. Customize the removetokenicon on the AutoComplete component. Ex.

  <AutoComplete
      v-model="value"
      :suggestions="items"
      multiple
      @complete="search"
    >
      <template v-slot:removetokenicon>
        <span @click="onClick">x</span>
      </template>
    </AutoComplete>

2. Type something and select an element.
3. Try to remove one of the selection.

Expected behavior

I would expect the onClick event to be passed as slot scope so we can call it from our custom icon!