import Vue from 'vue';
import PusherVue from 'pusher-vue';
import App from './App.vue';

Vue.use(PusherVue, {
  appKey: 'your-app-key',
  cluster: 'pusher-app-cluster',
  debug: true,
  debugLevel: 'all'
});

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app');

new Vue({
  data() {
    return {
      message: 'Hello world'
    };
  },
  channels: {
    ChatChannel: {
      subscribeOnMount: true,
      subscribed() {
        console.log('subscribed ChatChannel');
      },
      unsubscribed() {
        console.log('unsubscribed ChatChannel');
      },
      bind: {
        message(rawData) {
          const data = JSON.parse(rawData);
          const message = data.message;

          this.message = data.message;
          console.log(`received message '${message}' from ChatChannel on event 'message'`);
        }
      }
    }
  }
});