Как исправить «Тип «void» не может быть назначен типу «Function» в VueJS?

У меня есть компонент Vue, который принимает указатель функции для выполнения действия удаления.

<template>
  <q-card class = "my-card" >
    <q-img :src = "media.normal || media.original">
      <div class = "absolute-bottom text-center">
        {{ media.title || 'No Title'}}
      </div>
    </q-img>

    <q-card-section>
      <div class = "text-h6">{{ media.title}}</div>
    </q-card-section>

    <q-card-section class = "q-pt-none">
      <q-btn @click = "actionDelete(media.uuid)">Delete</q-btn>
    </q-card-section>
  </q-card>
</template>

<script setup lang = "ts">
import { PropType, ref } from 'vue';
import { MediaItem } from 'src/data/mediaItem';

const props = defineProps({
  media: {
    type: Object as PropType<MediaItem>,
    required: true
  },
  actionDelete: {
    type: Function,
    required: true
  }
});
</script>

Согласно тому, что я нашел в документации и руководствах, я передаю функцию из родительского компонента дочернему компоненту:

<MediaItemComponent :media = "media" :actionDelete = "actionDelete(media.uuid)" />

Однако. VueJs (или TypeScript?) жалуется на это:

ERROR(vue-tsc)  Type 'void' is not assignable to type 'Function'.

Что я делаю не так?