как вызвать fromEvent () rxjs с кнопкой по нажатию?

Question

Что я хочу?

Обратный отсчет при нажатии кнопки воспроизведения

Код

Я использую vuejs и vuerx для этого. вот мой код

<script>
/* eslint-disable */
import { Observable, Subscription } from 'rxjs'

export default {
  data() {
    return {
      energy: 12
    }
  },
  domStreams: ["play$"],
  subscriptions() {
    const energy$ = Observable.interval(250)
    .fromEvent(play$, 'click')
    .startWith(this.energy)
    .scan(time => time - 1)
    .takeWhile(time => time > 0)
    return {
      energy$
    }
  }
}
</script>

мой HTML

<template>
  <div>
    <button @click="play$">Play</button>
    <input type="text" v-model="energy">
    <br>
    <h1>{{ energy$ }}</h1>
  </div>
</template>

Сообщение об ошибке:

https://pastebin.com/umEYDejs