Configure Vue.js to Enable RxJS Streams

I can't seem to get past importing RXJS. I've installed the libs and then imported them in to main.js, and in to my component as instructed but when trying to use Observable.interval(1000) results in Observable.interval is not a function in the console. Any ideas?

I had the same problem, I think it is because you are using version 6 of rxjs and this tutorial is using version 5.

What I had to do was import interval rather than Observable.

So change the import to import {interval} from 'rxjs'

Then use interval directly so use interval(1000) rather than Observable.interval(1000)

Thanks Christopher, that works, and is very important info.

Great course - going through the coding now after watching it through once.

In addition to the above, the buefy css can be imported as follows:

import 'buefy/dist/buefy.css'

Thanks Christopher!

I couldn't get this example to work as described in the comments. Maybe this lesson needs an update?

What worked for me was the following.

import { interval } from 'rxjs'

export default {
  subscriptions: function() {
    return {
      interval$: interval(1000)
    }
  }
}
</script>