Estoy tratando de configurar la extensión Volar VSCode para que funcione con un proyecto NuxtJS/Typescript. Actualmente me enfrento a estos dos problemas en mis plantillas de archivo .vue. Seguí las recomendaciones de instalación para Vue 2 y Typescript, además de habilitar el modo Take Over .
Logré solucionar algunos problemas que ocurrieron en mi base de código con la extensión, pero estos dos permanecen.
Advertencias de obsolescencia de Vue 3
(deprecation COMPILER_V_ON_NATIVE) .native modifier for v-on has been removed as is no longer necessary. Details: https://v3.vuejs.org/guide/migration/v-on-native-modifier-removed.htmlvue(COMPILER_V_ON_NATIVE)
Me gustaría encontrar una manera de silenciar estas advertencias ya que todavía uso Vue 2 (NuxtJS aún no es compatible con Vue 3).
Controladores de eventos personalizados , por ejemplo, tengo este controlador de eventos en un componente <Modal>
personalizado.
@modal-confirmation="onModalConfirmed"
const onModalConfirmed = (modalConfirmation: ModalConfirmation) => {}; Type '(modalConfirmation: ModalConfirmation) => void' is not assignable to type '(...payload: unknown[]) => unknown'. Types of parameters 'modalConfirmation' and 'payload' are incompatible.ts(2322)
¿Alguien pasó por este proceso antes?
Según @johnsoncodehk en GitHub de Volar :
Me gustaría encontrar una manera de silenciar estas advertencias ya que todavía uso Vue 2 (NuxtJS aún no es compatible con Vue 3).
Necesitamos cambiar la opción experimentalCompatMode para esto, pero el comportamiento de diseño de esta opción aún no ha finalizado. Así que no cambiará en poco tiempo.
Tipo de evento @vue/composition-api corregido en 953cb2d.