for nuxtjs blog post

index.js

// store/index.js
const createStore = () => {
  return new Vuex.Store({
    state: {
      isNewHighScore: false,
      bgSong: {}
    },
    mutations: {
      setIsNewHighScore(state) {
        state.isNewHighScore = true;
      },
      setBgSong(state) {
        state.bgSong = new Audio("lucky_game.mp3");
        state.bgSong.loop = true;
        state.bgSong.volume = 0.3;
      }
   }
}

index.vue

// pages/index.vue
<template>
  <div>
    <div v-if="$store.state.isNewHighScore">
      This will be displayed when you had a new high score！
    </div>
  </div>
</template>

<script>
export default {
data() {
  return {
  //......
  }
},
methods: {
    init() {
      this.initSongs();
    },
    initSongs() {
      this.$store.commit("setBgSong");
      // Other songs and sound etc..
    }
}
//.....