feat: support Last.fm scrobble

src/views/settings.vue

@@ -197,6 +197,25 @@
           </div>
         </div>
       </div>
+
+      <div class="item">
+        <div class="left">
+          <div class="title">
+            {{
+              isLastfmConnected
+                ? `已连接到 Last.fm (${lastfm.name})`
+                : "连接 Last.fm "
+            }}</div
+          >
+        </div>
+        <div class="right">
+          <button @click="lastfmDisconnect()" v-if="isLastfmConnected"
+            >断开连接
+          </button>
+          <button @click="lastfmConnect()" v-else> 授权连接 </button>
+        </div>
+      </div>
+
       <div class="item">
         <div class="left">
           <div class="title">
@@ -282,6 +301,7 @@
 <script>
 import { mapState } from "vuex";
 import { doLogout } from "@/utils/auth";
+import { auth as lastfmAuth } from "@/api/lastfm";
 import { changeAppearance, bytesToSize } from "@/utils/common";
 import { countDBSize, clearDB } from "@/utils/db";
 import pkg from "../../package.json";
@@ -304,7 +324,7 @@ export default {
     };
   },
   computed: {
-    ...mapState(["player", "settings", "data"]),
+    ...mapState(["player", "settings", "data", "lastfm"]),
     isElectron() {
       return process.env.IS_ELECTRON;
     },
@@ -470,6 +490,9 @@ export default {
         });
       },
     },
+    isLastfmConnected() {
+      return this.lastfm.key !== undefined;
+    },
   },
   methods: {
     getAllOutputDevices() {
@@ -515,6 +538,20 @@ export default {
         this.countDBSize("tracks");
       });
     },
+    lastfmConnect() {
+      lastfmAuth();
+      let lastfmChecker = setInterval(() => {
+        const session = localStorage.getItem("lastfm");
+        if (session) {
+          this.$store.commit("updateLastfm", JSON.parse(session));
+          clearInterval(lastfmChecker);
+        }
+      }, 1000);
+    },
+    lastfmDisconnect() {
+      localStorage.removeItem("lastfm");
+      this.$store.commit("updateLastfm", {});
+    },
   },
   created() {
     this.countDBSize("tracks");