javascript - การใช้ส่วนขยาย VSCode Volar สำหรับโปรเจกต์ Vue 2/Nuxt/Typescript/@nuxtjs-composition-api

ฉันกำลังพยายามตั้งค่าส่วนขยาย Volar ใน VSCode ให้ทำงานกับโปรเจกต์ NuxtJS/Typescript ปัจจุบันฉันพบปัญหาสองข้อในเทมเพลตไฟล์ .vue ของฉัน ฉันได้ทำตามคำแนะนำการติดตั้งสำหรับ Vue 2 และ Typescript แล้ว รวมถึงการเปิดใช้งานโหมด Take Over ด้วย

ฉันสามารถแก้ไขปัญหาบางอย่างที่เกิดขึ้นในโค้ดเบสของฉันกับส่วนขยายได้แล้ว แต่สองข้อเหล่านี้ยังคงอยู่

คำเตือนการเลิกใช้ 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)

ฉันอยากจะหาวิธีปิดการแจ้งเตือนเหล่านี้เพราะว่าฉันยังคงใช้ Vue 2 อยู่ (NuxtJS ยังไม่รองรับ Vue 3)

ตัวจัดการเหตุการณ์แบบกำหนดเอง ตัวอย่างเช่น ฉันมักจะมีตัวจัดการเหตุการณ์นี้บนคอมโพเนนต์ <Modal> แบบกำหนดเอง

@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)

มีใครเคยผ่านกระบวนการนี้มาก่อนหรือไม่?

คำตอบ #1

ตามที่ @johnsoncodehk กล่าวใน GitHub ของ Volar:

ฉันอยากจะหาวิธีปิดการแจ้งเตือนเหล่านี้เพราะว่าฉันยังคงใช้ Vue 2 อยู่ (NuxtJS ยังไม่รองรับ Vue 3)

เราจำเป็นต้องเปลี่ยนตัวเลือก experimentalCompatMode สำหรับเรื่องนี้ แต่พฤติกรรมการออกแบบของตัวเลือกนี้ยังไม่ได้สรุป ดังนั้นมันจะไม่เปลี่ยนในเวลาอันสั้น

ประเภทเหตุการณ์ @vue/composition-api ถูกแก้ไขใน 953cb2d.