changed vue components to kebab instead of camel

client/vue-components/main_content.vue

@@ -5,7 +5,7 @@
  <div class="content">
 
  <div class="content-left">
- <videocomponent id="video" :wsRTC="wsRTC" :URI="URI"></videocomponent>
+ <videocomponent id="video" :wsrtc="wsRTC" :uri="URI"></videocomponent>
 
  <div class="doc-info" v-if="count > 0">
  <div>{{ count }} words</div>
@@ -40,14 +40,15 @@
  //create RTC websocket
  this.wsRTC = new WebSocket(`wss:https://${window.location.host}/ws/${this.URI}rtc`);
 
-
  // update URL display. I still think we can do this with router somehow :S
  window.history.pushState(window.location.origin, '/', this.URI);
  },
  mounted() {
  sharedb.types.register(richText.type)
  let socket = new WebSocket(`ws:https://${window.location.hostname}:3000/${this.URI}`)
  const connection = new sharedb.Connection(socket)
+
+ console.log(socket, this.wsRTC)
  // For testing reconnection
  window.disconnect = function() {
  connection.close();

client/vue-components/video_component.vue

@@ -15,29 +15,22 @@
 
 </template>
 
-<style>
- video {
- display: inline-block;
- max-width: 100%;
- }
- button {
- width: 100%
- }
-</style>
 <script>
  import Utils from '../js/utils.js'
  import Methods from '../js/webrtc.js'
  export default {
 
  mounted() {
+ console.log('videocomponent mounted, this.wsrtc:', this.wsrtc)
+ console.log('videocomponent mounted, this.URI:', this.uri)
  this.start();
- this.wsRTC.onmessage = e => {
+ this.wsrtc.onmessage = e => {
  this.signalHandler(e)
  };
  console.log('this.remoteMuted at start', this.remoteMuted)
  },
 
- props: ['wsRTC','URI'],
+ props: ['wsrtc','uri'],
 
  data() {
  return {
@@ -270,3 +263,13 @@
  }
  }
 </script>
+
+<style>
+ video {
+ display: inline-block;
+ max-width: 100%;
+ }
+ button {
+ width: 100%
+ }
+</style>