簡単に喋らせていただいてます。APIのインストールから、どうやって使うかを中心に、またこちらのブログ記事には書き進めていって分かった苦労話を中心に書きました。API基本的には最終RFCの段階にあるとのこと、大幅な仕様変更は恐らく無いと考えられるため、早速お仕事の場面に導入しても良いかなと思います、と言っている自分はまだお仕事の場面で使っていません。APIをどう使うべきか、という設計周りの議論が生まれていないので、導入したくても躊躇する方が多いと思います。そこで今日喋った内容が少しでも参考になればと思います。使ってみて、まずtemplateで使う変数を全てsetupの戻り値に入れてあげなければいけないこと。APIのデメリットのようにも思います😅そして気になったあるいは苦労した点を以下3つほど。使ってインスタンス変数を定義します。}})自分なりの設計指針の一つとして、関連度の高いelementを一つのobjectとして定義する場合はreactiveを、一方で単独のelementを一つのobjectとして定義した方が切り分けられる場合はrefを想定。この両者を使う際に特筆することがあるとのことで、自身の認識が少々甘かったことに気付かされました。functionの外部で使った時の挙動で再描画されません。再描画させたければ別途ref化(toRefs)する必要があるので注意が必要とのことでした。existedページのレンダリング前に読み込みたい。asyncDataが削除されているので、その代わりにfetchを使わなければいけません。ライフサイクルメソッドにも変更が存在するので個別に注意が必要。自身もその一人で最近VueをTSXで書いてるタイプですが、一癖、二癖。かかる問題に出会したので軽く書いておきます。slot親テンプレートそれぞれに合わせる形でスロットを定義できるもので、Vueを使ってコンポーネントを作っている人なら誰しもが使う、あのスロットです。}})一見動きそうですが、あいにく動きません。DataSetupContextにslotsが存在することは公式ページからも確認できます。#84is続いてTSXを使った時にとある問題が発生。ついてはいかがでしょうか。}})指定のSVGをtemplateに吐き出すために作ったコンポーネントですが、これもあいにく動きません。無理にTSXで書く必要は無い(TSXで書ければ良いのだけれど)ため、今まで同様Vueファイルのまま作成しました。現時点で把握しているのはこの辺りで他、挙動に問題はありませんでした。ガチガチの型管理を目指すのであればTSXで書けると良いなぁと思います。いえtemplateと分けて書けるVueの良さは引き続き残る訳ので、無理にTSXで書かなくても良いよねとも思います。あとは気付いた点があれば随時issueを上げてみて、といった地道な活動をしていこうと思った次第です。