feat: add "Show Playlists by Apple Music" to settings page

src/views/home.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="home" v-show="show">
-    <div class="index-row">
+    <div class="index-row" v-if="settings.showPlaylistsByAppleMusic !== false">
       <div class="title"> by Apple Music </div>
       <CoverRow
         :type="'playlist'"
@@ -66,6 +66,8 @@ import { toplistOfArtists } from "@/api/artist";
 import { byAppleMusic } from "@/utils/staticPlaylist";
 import { newAlbums } from "@/api/album";
 import NProgress from "nprogress";
+import { mapState } from "vuex";
+
 import CoverRow from "@/components/CoverRow.vue";
 import ButtonTwoTone from "@/components/ButtonTwoTone.vue";
 
@@ -88,6 +90,7 @@ export default {
     };
   },
   computed: {
+    ...mapState(["settings"]),
     byAppleMusic() {
       return byAppleMusic;
     },

src/views/settings.vue

@@ -73,6 +73,22 @@
           </div>
         </div>
       </div>
+      <div class="item">
+        <div class="left">
+          <div class="title"> Show Playlists by Apple Music</div>
+        </div>
+        <div class="right">
+          <div class="toggle">
+            <input
+              type="checkbox"
+              name="show-playlists-by-apple-music"
+              id="show-playlists-by-apple-music"
+              v-model="showPlaylistsByAppleMusic"
+            />
+            <label for="show-playlists-by-apple-music"></label>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -113,6 +129,18 @@ export default {
         });
       },
     },
+    showPlaylistsByAppleMusic: {
+      get() {
+        if (this.settings.showPlaylistsByAppleMusic === undefined) return true;
+        return this.settings.showPlaylistsByAppleMusic;
+      },
+      set(value) {
+        this.$store.commit("updateSettings", {
+          key: "showPlaylistsByAppleMusic",
+          value,
+        });
+      },
+    },
   },
   methods: {
     logout() {