defineComponentの書き方

[spaspa]

#96 (comment)

[sapphi-red]

#119 (comment)

[sapphi-red]

vuejs/vue#9692

これが推奨っぽいです

[sapphi-red]

defineComponentsに渡すオブジェクトのprops: {}は必須ではないので型のPropsを渡す方法もあるんですが、そっちだとveturが動いてくれないので上のやり方がよさそうです

[sapphi-red]

あと上のやり方でやるとsetupでわざわざprops渡さなくても$propsで型情報使えますね

[sapphi-red]

よく見たら$propsはPublicPropsでpropsはthis直下にあるみたいです(つまり、<template>内ではそのままで呼び出せる)
(ここのコメントと動作がかみ合ってない気がする)
https://github.com/vuejs/composition-api/blob/7c8386eea241974ead77d3fd3eb6916fa8903653/src/component/component.ts#L10-L22

[sapphi-red]

    title: {
      type: String,
      default: ''
    },

があったときに<template>から$props.titleでアクセスするとstring | undefinedになってtitleでアクセスするとstringになります(上の実装からそうではあるんですが)

[sapphi-red]

PublicPropsとは…？ってなってますが…

[sapphi-red]

    currentNavigation: {
      type: String as PropType<NavigationItemType>,
      default: 'home' as const
    }

defaultをちゃんとas constなりas NavigationItemTypeなりしないと最終結果の型がstringに広がってしまうみたいです

[sapphi-red]

vuejs/composition-api#146
こっちのissueを張ったほうがよかったですね

何か所か下のissueにひっかかるんですが、見た感じ割とすぐに直りそうです
vuejs/composition-api#291

[sapphi-red]

上の方針で