New v3.3 syntax for defineEmits does not work

[rodrigocfd]

Vue 3.3 introduced a new syntax for defineEmits:

const emit = defineEmits<{
  'update:modelValue': [id: number];
  foo: [value: string];
}>();

Which is not supported by Volar yet.

[Noxdor]

Could you describe more in which way you are realising this issue? For me, type definitions when defining emits with the new syntax are not working properly. I falsely published that here but I think it has to do with the current version of volar LSP not being up to date with Vue 3.3.

[rodrigocfd]

Could you describe more in which way you are realising this issue?

I just tried the new syntax, and it didn't work... just that.

[jdk2pq]

I'm seeing the same issue when I try to use the new defineEmits syntax and run vue-tsc --noEmit as part of my pre-commit hook. I get errors like these:

error TS2344: Type 'Emits' does not satisfy the constraint '((...args: any[]) => any) | Record<string, any[]>'.
Type 'Emits' is not assignable to type 'Record<string, any[]>'.
    Index signature for type 'string' is missing in type 'Emits'.

when doing something like

interface Emits {
    someEmit: [value: string];
}

const emits = defineEmits<Emits>();

and this error:

Argument of type 'string' is not assignable to parameter of type 'Emits'.

when trying:

emits('someEmit', value);

[rodrigocfd]

It's working now, apparently after the last vue/core 3.3.2 release.

[Noxdor]

I am on 3.3.2 and the issue is not fixed for me, I will open a new issue then.

[jdk2pq]

@Noxdor can confirm. still a problem for me on Vue 3.3.4 and vue-tsc 1.7.8

[mauricewegner]

Autocompletion with the new syntax is currently missing as well.

[so1ve]

#3283