html5-hymns

047.js

var app = new Vue({
  el: "#app",
  data: {
    broadcc: null,
    currentVerseLine: "",
    lyrics: {
      verse1: [
        "有人已離開正路而去<br>主是我否 主是我否",
        "有人已失信仰入迷途<br>喔主是我否"
      ],
      verse2: [
        "有人已將 主救恩辜負<br>主是我否 主是我否",
        "有人已隨俗 同流合汙<br>喔主是我否"
      ],
      verse3: [
        "有人在靈道上已傾跌<br>主是我否 主是我否",
        "有人在靈恩中已墮落<br>喔主是我否"
      ],
      verse4: [
        "有人使救主受辱蒙羞<br>主是我否 主是我否",
        "有人叫聖靈為他擔憂<br>喔主是我否"
      ],
      verse5: [
        "有人已經得豐盛生命<br>主是我否 主是我否",
        "有人常與主同心同工<br>喔主是我否"
      ],
      chorus1: [
        "我聞此言情何以堪<br>猶如利刃刺我心懷",
        "主是我否 主是我否<br>喔主是我否"
      ]
    }
  },
  methods: {
    onSelectVerseLine: function (verseLine) {
      console.log("hello", verseLine);
      this.currentVerseLine = verseLine;
      this.broadcc.postMessage(verseLine);
    }
  },
  mounted: function () {
    this.broadcc = new BroadcastChannel("91bd71b8-6810-470a-aea1-efab320e0255");
  }
});

048.js

var app = new Vue({
  el: "#app",
  data: {
    broadcc: null,
    currentVerseLine: "",
    lyrics: {
      verse1: [
        "日落之那邊，賜福之早晨<br>在天堂樂境，與主相親",
        "勞碌盡完畢，榮耀之黎明<br>日落之那邊，不再分離"
      ],
      verse2: [
        "主耶穌應許，永不離棄我<br>耶穌告訴我，不要憂傷",
        "我願順服祂，全心跟隨主<br>耶穌的應許，永不落空"
      ]
    }
  },
  methods: {
    onSelectVerseLine: function (verseLine) {
      console.log("hello", verseLine);
      this.currentVerseLine = verseLine;
      this.broadcc.postMessage(verseLine);
    }
  },
  mounted: function () {
    this.broadcc = new BroadcastChannel("91bd71b8-6810-470a-aea1-efab320e0255");
  }
});