working websocket communication for recorder states and added recorder.vue

src/views/Home.vue

@@ -20,6 +20,8 @@
                 </div>
             </section>
         </div>
+
+        <router-link :to="{name: 'recorder', params: {recorder_id: 1}}">rec 1</router-link>
     </div>
 </template>