■ 要点まとめ（先に結論）

✅ クラスコンポーネント（vue-property-decorator）は、 👉 Vue本体の型情報と完全には統合されていなかった。

✅ Composition APIでは、

👉 definePropsやdefineEmitsを使うことでpropsやemitsも型安全になった。

✅ しかし、小さなミス（例えば、型定義と実装のズレ）で、型エラーがすぐ発生するようになった。

■ 具体例で理解する

（1）クラスコンポーネント時代（ゆるい）

@Prop({ type: String, default: '' }) value!: string;

• valueに何か変なもの（例えば、数値）を渡してもコンパイルエラーにならない。
• 実行時（ブラウザ）に初めてエラーが出る可能性あり。

（2）Composition API時代（厳格）

const props = defineProps<{
  modelValue: string
}>();

• modelValueには必ずstring型しか受け取れない。
• 親コンポーネントが数値を渡すと、即コンパイルエラーになる。

■ どんなときに型エラーが起きるか？