vue/require-explicit-emits does not pick up type-only definition

[eikooc]

Checklist

• I have tried restarting my IDE and the issue persists.
• I have read the FAQ and my problem is not listed.

Tell us about your environment

• ESLint version:
  v8.15.0
• eslint-plugin-vue version:
  v9.0.1
• Node version:
  v16.4.2
• Operating System:
  Ubuntu 22.04

Please show your full configuration:

// eslint-disable-next-line no-undef
module.exports = {
  root: true,
  parser: 'vue-eslint-parser',
  parserOptions: {
    ecmaVersion: 'latest',
    parser: '@typescript-eslint/parser',
    sourceType: 'module',
  },
  env: {
    browser: true,
    es2021: true,
    'vue/setup-compiler-macros': true,
  },
  extends: [
    'eslint:recommended',
    'plugin:@typescript-eslint/recommended',
    'plugin:vue/vue3-recommended',
    'prettier',
    'plugin:storybook/recommended',
  ],
  plugins: ['vue', '@typescript-eslint', 'prettier'],
  rules: {
    'prettier/prettier': 'error',
    '@typescript-eslint/consistent-type-imports': 'error',
    '@typescript-eslint/no-unused-vars': [
      1,
      {
        argsIgnorePattern: '^_',
      },
    ],
    'linebreak-style': ['error', 'unix'],
  },
}

What did you do?

<template>
  <div @click="$emit('click:this')"></div>
</template>

<script setup lang="ts">
defineEmits<{ 'click:this': string }>()
</script>
<style scoped></style>

What did you expect to happen?
vue/require-explicit-emits to not cause a lint warning.

What actually happened?

/home/src/views/minimal-example.vue
  2:22  warning  The "click:this" event has been triggered but not declared on `defineEmits`  vue/require-explicit-emits

Repository to reproduce this issue

Is this needed?

[ota-meshi]

I think you need to define it as:

defineEmits<{ (e: 'click:this'): string }>()

https://vuejs.org/api/sfc-script-setup.html#typescript-only-features

This way the rule works fine.

https://ota-meshi.github.io/eslint-plugin-vue-demo/#eJxVjsFqwzAMhl9FiEFTaAjsaDzTHfYWuQRH68Rc17WUshLy7pPXHbbjL33/J60YLzOhQ690LmlSCmMG8DPf4BgTx8+XEZ/ozNrtfqLTD5bdfsTw6gejDPfDn65FiZWLgpAuBdKUT6ZQscaYZ3rnTG+mE79CRw7+WR2IVs4n2EK3b+KHqt0QvScCiZdCc7BFiwEPWJdEgm7F20JDpevClXr6KmZl7dvjtn3eDlimKlQb2SZ41Huhh74nSZx1+CW27Ru3OWEC

Is your method documented? I couldn't find it.

[eikooc]

@ota-meshi you are right, this is an error on my end defining it wrong. There's just no error from vue and it emits so everything works in the application, but the linting doesn't work.
I've now tried to change it to what you suggested (and what is documented) and it works fine. Thanks for the help 👍