vue-routerでのコンポーネントの直接切り替えをやめる

[Hiroshiba]

内容

リファクタリングタスクです。

今エディタはvue-routerを使ったコンポーネント切り替えでソング・トークの切り替えを実現しています。
これはいくつかの問題を生じます。

• vue-routerに少しだけ依存していて、恩恵の割にライブラリの知識が必要になってしまう
• 状態管理がURLとVuexで別れてしまう
• コンポーネントの切り替えがonActivatedになってしまう（コンポーネントのライフサイクルがややこしい）

vue-routerから離脱できたらこのissueは達成だと思います。

Pros 良くなる点

↑に書きました

Cons 悪くなる点

URL でのスイッチングができなくなる（これはクエリパラメータなど別の方法にすれば迂回できるはず）

実現方法

vue-routerの依存をやめ、状態をVuexで保存するようにする。
後はvue-routerに依存している箇所全てでstoreを持ってきて切り替えればいいはず。

その他

関連タスク

• [project-s] トーク用のとソング用のエディタを簡単に行き来できるようにする #1745

[Hiroshiba]

こちら取り組もうと思います！