vue.js - Suy luận kiểu khi sử dụng Vue + Typescript và Các Thành Phần Vue

Tôi có một component .vue đang được nhập vào một component/SFC .vue khác hay bất cứ cách nào bạn muốn gọi nó. Với Stencil/React, bạn có thể tạo component của mình bằng JSX/TSX và khi component cụ thể đó được xuất, bạn sẽ nhận được một file định nghĩa cung cấp cho bạn thông tin cần thiết để TypeScript suy luận các props được sử dụng bởi component nhất định.

App.vue file
<template>
   <Child :name="Vue">
<template/>

Child.vue file

<template>
   <div>
      {{ name }}
   </div>
<template/>

Tôi không viết phần còn lại của mã vì điều đó rõ ràng (tôi hy vọng :))

Điều tôi muốn là khi tôi thử làm:

<Child :name="2">

nó nên ném ra lỗi biên dịch/ IDE sẽ báo lỗi, hoặc bất cứ gì. Tôi không muốn phụ thuộc vào thời gian chạy của Vue để thông báo rằng tôi đã chèn một số thay vì một chuỗi ở đó. Tôi cũng không muốn dựa vào việc viết các tệp .json để Vetur, ví dụ, đọc và tự động hoàn thành dựa trên đó.

Với những hạn chế này, trạng thái hiện tại của Vue và các công cụ, liệu điều đó có khả thi không? Có lẽ chỉ thay đổi sang Vue + TSX? Ngoài ra, nếu bạn biết bất kỳ starter nào vững chắc cho TSX + Vue, điều đó sẽ tuyệt vời.

Cảm ơn!