MainView実装

[spaspa]

MainViewのレイアウト切り替え・Viewマウント機構を仮実装しました
#95 のあとに入れてください

[sapphi-red]

type Primitify<T> = T extends String
  ? string
  : T extends Number
  ? number
  : T extends Boolean
  ? boolean
  : T extends BigInt
  ? bigint
  : T extends Symbol
  ? symbol
  : T extends Object
  ? {}
  : never

type TypeOfProp<P> = {
  [K in keyof P]: P[K] extends new (...args: any) => any
    ? Primitify<InstanceType<P[K]>>
    : P[K]
}

type Override<T, S> = Omit<T, keyof S> & S

// ---- ここまではどっか別のファイルに書いてimport

const props = {
  channelId: String
}

type Props = Override<
  TypeOfProp<typeof props>,
  {
    channelId: ChannelId
  }
>

こんな感じにするとPropにNumberとかが増えたときとか楽そう…？
(ホバーでの表示が微妙な感じですが&こうやって指定したとしてもChannelId表示じゃなくてstring表示になっちゃう)

[spaspa]

なるほど、Vueに渡す用の定義と型定義が近くなるのは良い気がします
ChannelIdとかの指定はコンポーネント定義見たときにわかればいい程度なのでprop名でカバーしていく💪