How to add a click handler in a button inside the suggestion item slot ?

[joelr-cm]

Hello guys,

I was wondering how to add a button and a click handler to it inside the suggestion item slot

• vue-autosuggest version: ^2.2.0
• node version: v12.22.7
• npm (or yarn) version: 6.14.15

Relevant code or config

<vue-autosuggest 
      class="hello"
      :component-attr-id-autosuggest="'hey'"
      :suggestions="suggestions"
      :inputProps="inputProps"
      :sectionConfigs="sectionConfigs"
      :getSuggestionValue="getSuggestionValue"
		>
    <template slot-scope="{suggestion}">
      <div v-if="suggestion.name == 'hotels'">
        <img :class="{ avatar: true }" :src="suggestion.item.thumbnailUrl"/>
        {{suggestion.item.title}}
      </div>
      <div v-else>
        {{suggestion.item.name}}
      </div>
      <button @click="onDelete">delete</button>     // <============= This click handler doesn't work
    </template>

Reproduction sandbox/repository: https://codesandbox.io/s/vueautosuggest-base-forked-ld3h4o?file=/App.vue

Problem description: I was wondering how to add a button and a click handler to it inside the suggestion item slot ? The click handler on the "delete" button in my sample code doesn't work

[gabsi20]

watch this #168 (comment)

took me ages to find it