first commit

src/store/index.js

@@ -0,0 +1,40 @@
+import Vue from "vue";
+import Vuex from "vuex";
+import state from "./state";
+import mutations from "./mutations";
+import actions from "./actions";
+import initState from "./initState";
+import { Howl } from "howler";
+
+if (localStorage.getItem("appVersion") === null) {
+  localStorage.setItem("player", JSON.stringify(initState.player));
+  localStorage.setItem("settings", JSON.stringify(initState.settings));
+  localStorage.setItem("appVersion", "0.1");
+  window.location.reload();
+}
+
+Vue.use(Vuex);
+const saveToLocalStorage = (store) => {
+  store.subscribe((mutation, state) => {
+    // console.log(mutation);
+    localStorage.setItem("player", JSON.stringify(state.player));
+    localStorage.setItem("settings", JSON.stringify(state.settings));
+  });
+};
+
+const store = new Vuex.Store({
+  state: state,
+  mutations,
+  actions,
+  plugins: [saveToLocalStorage],
+});
+
+store.state.howler = new Howl({
+  src: [
+    `https://music.163.com/song/media/outer/url?id=${store.state.player.currentTrack.id}`,
+  ],
+  html5: true,
+  format: ["mp3"],
+});
+
+export default store;