javascript - vue 再帰コンポーネント内にネストされたコンポーネントを記述するにはどうすればよいですか?

Question

外側は再帰コンポーネントですが、内側は特殊な状況で処理する必要があり、コンポーネントに分割されています

この効果を実現したいです

デモは https://jsfiddle.net/u5x1hvbh/
にあります。

どのように変更すればよいですか?###

Answer 1

申し訳ありませんが、前に間違った質問を読みました。
これが欲しいものですか？
https://jsfiddle.net/u5x1hvbh/4/