リファクタリング：読み方＆アクセント辞書ダイアログの右側パネルを別コンポーネントにする

[jdkfx]

内容

読み方＆アクセント辞書ダイアログ（以下、辞書）は、

• 辞書に登録した単語・読みの一覧など、主に表示・削除に関する処理（左側パネル）
• 辞書に登録した単語・読みの追加・編集など、主に入力に関する処理（右側パネル）

の二つの要素があります。
この二つの要素をコンポーネントに分割したいです。

Pros 良くなる点

• 辞書ダイアログのコードが読みやすくなります
• 今後の修正や改善がやりやすくなります

Cons 悪くなる点

• 特に思いつくものはありません

実現方法

• <!-- 右側のpane -->というコメント箇所以下からコンポーネントに分割する

voicevox/src/components/Dialog/DictionaryManageDialog.vue

Lines 119 to 123 in e640cd2

	<!-- 右側のpane -->
	<div
	v-show="wordEditing"
	class="col-8 no-wrap text-no-wrap word-editor"
	>

VOICEVOXのバージョン

0.20.0

OSの種類/ディストリ/バージョン

• Windows
• macOS
• Linux

その他

参照：
#2156 (review)

[Hiroshiba]

とても良いと思います！！ぜひ！！！

[jdkfx]

これやってます！