概要 Vuetify3のv-dialogを使って、ダイアログをどのように実装するのが良いか考える中で、ライフサイクルの異なる変数は外部のVueコンポーネントに切り出したほうがいいと気が付いた。 ライフサイクルの異なる変数とは、以下のようなものを想定している。 変数の型に、nullやundefinedのような不定であることを表現する値を含む。 コンポーネントを初期化した後にも、何らかのイベントによって値が定まった状態と定まっていない状態とを行き来する。 たとえばダイアログについて考えると、ダイアログが開いているときだけダイアログ内の内容が定まるが、ダイアログが閉じているときには内容が定まらない。…