feat: add show lyrics translation to settings

src/views/lyrics.vue

@@ -134,6 +134,7 @@
             "
           ></div>
         </div>
+              v-html="formatLine(line)"
       </div>
       <div class="close-button" @click="toggleLyrics">
         <button><svg-icon icon-class="arrow-down" /></button>
@@ -274,6 +275,15 @@ export default {
         }
       }, 500);
     },
+    formatLine(line) {
+      const showLyricsTranslation = this.$store.state.settings
+        .showLyricsTranslation;
+      if (showLyricsTranslation && line.contents[1]) {
+        return line.contents[0] + "<br/>" + line.contents[1];
+      } else {
+        return line.contents[0];
+      }
+    },
   },
   watch: {
     currentTrack() {

src/views/settings.vue

@@ -109,6 +109,22 @@
           </button>
         </div>
       </div>
+      <div class="item">
+        <div class="left">
+          <div class="title">显示歌词翻译</div>
+        </div>
+        <div class="right">
+          <div class="toggle">
+            <input
+              type="checkbox"
+              name="show-lyrics-translation"
+              id="show-lyrics-translation"
+              v-model="showLyricsTranslation"
+            />
+            <label for="show-lyrics-translation"></label>
+          </div>
+        </div>
+      </div>
       <div class="item">
         <div class="left">
           <div class="title"> {{ $t("settings.showGitHubIcon") }} </div>
@@ -294,6 +310,17 @@ export default {
         }
       },
     },
+    showLyricsTranslation: {
+      get() {
+        return this.settings.showLyricsTranslation;
+      },
+      set(value) {
+        this.$store.commit("updateSettings", {
+          key: "showLyricsTranslation",
+          value,
+        });
+      },
+    },
   },
   methods: {
     logout() {