辞書画面の機能追加（ソート、検索、リスト機能強化）

[kebin628]

内容

辞書画面の機能を追加しました。

• ソート機能（読み＆優先度、昇降順切り替え）
• 単語検索機能
• 優先度リスト表示機能
• 変更伴うリストUIの調整

※ Issueにある提案機能の内、インポートエクスポート以外を実装した形になります。

関連 Issue

【提案】読み方＆アクセント辞書の機能追加 · Issue #2381 · VOICEVOX/voicevox
#2381

スクリーンショット・動画など

読み順

優先度順

サブメニュー（優先度切り替え。今後インポート・エクスポートもここに入れる）

検索機能

その他

ソートのサイズの都合、当初案のUIから多少変更になっています。

リストでの優先度表示はアプリを消しても設定が消えないようにしています。
設定画面で入れるほど大掛かりなものでないので、一時的にローカルストレージに保存できるようになっていればいいなと思って入れていますが、他に良さそうなやり方があればそちらを使います。（OnClickShowPriorityOnDictionary）

[Hiroshiba]

レビューお待たせしてしまってすみません！
型周りでエラーが出ていそうだったのでひとまずコメントまで…！
（不明な点あればなんでもお聞きください🙏）

[kebin628]

@Hiroshiba

型周りでエラーが出ていそうだったのでひとまずコメントまで…！

見方があっているか確認ではあるのですが、一緒にエラー出てる117行目と119行目の内容の話であっていますでしょうか？
ここの2行のことであればヒホさんのコードが残っている部分になるのですが、こちら側で手つけたほうが良さそうですかね？

[Hiroshiba]

@kebin628 原因の特定までできてないのですが、おそらくこのPRの変更でエラーになったんだと思います！
エラー見るに、filteredUserDictの値がなぜかnumberになるときが増えた…？

[voicevox-preview-pages]

🚀 プレビュー用ページを作成しました 🚀

• 📝 エディタ
• 📖 Storybook

更新時点でのコミットハッシュ：9ba077b

[kebin628]

@Hiroshiba

期待する値: number | string | symbol
ビルトインの特別な属性 | Vue.js
https://ja.vuejs.org/api/built-in-special-attributes#key

すみません、該当部分でなく、エラーの本体というかきっかけとしてはv-forの返り値が原因だったようです。
今回の変更でおっしゃるとおりリストの所をfilteredUserDictという別のソートしたリストを返しているので、それの値が影響していたみたいです。
どうも、v-forで回したものがstringかnumberかになるので、使うタイミングでstringにしてやればひとまずは大丈夫そうに見えます。

それと、Mainマージしたらこっち側でエラーが出るようになってしまったため、それの対応も行っています。
発生理由としては、昨日マージした辞書画面の左右分離の影響なようです。

読み方＆アクセント辞書ダイアログの右側パネルを別コンポーネントにする by jdkfx · Pull Request #2290 · VOICEVOX/voicevox
#2290

対応内容としては、
新しく作られたDictionaryEditWordDialog.vueに半角→全角調整の変換コードが移動された影響で、メインパネルの検索欄で使用できなくなったため、他の日本語系の処理同様、当該コードを

domain/japanese
https://github.com/VOICEVOX/voicevox/pull/2411/files#diff-c6bf9942ebf63683aedebc287973adfe6b459ec6eb37118d4d6e926e13b72a95R175
に移動しています。

よろしくお願いします。