キャラクター並び替え・試聴ダイアログでトークとソングを切り替えられるようにする

[Hiroshiba]

内容

キャラクター並び替えダイアログは、いろんな経緯で試聴も可能なダイアログになっています。

ただ、今はトークもソングも一緒くたになって試聴できるようになっていて、聞いているのがトークなのかソングなのかわからないようになってしまっています。

ダイアログのどこかにトークとソングを切り替えられる UI を作れば、興味がある方を聞けるし、どちらを聞いているかわかりやすくなると思います！

Pros 良くなる点

分かりやすくなる

実現方法

ダイアログの UI はこちらです。
src/components/Dialog/CharacterOrderDialog.vue

右上辺りにボタンを2つ並べるようなUIパーツを置いて、そのステートに従って表示するものを変えるのが良さそう。

そのスタイルがソングかどうかの判定には↓の関数が便利だと思います。
https://github.com/Hiroshiba/voicevox/blob/595d108828e87dcda1691621c688b8cf7a3338e3/src/store/utility.ts#L457

その他

ちょっと UI に関連するタスクですが、理想は簡単なので初心者歓迎ラベルをつけています！
分からないところがあったら何でも聞いてください！