Tweak api (more work to come)

app/src/App.vue

@@ -49,8 +49,8 @@ export default {
   },
   methods: {
     handleMessage(message) {
+      console.log(message);
       if (!(this.lyrics === message)) {
-        console.log(message);
         this.lyrics = message;
       }
     },
@@ -67,7 +67,8 @@ export default {
 </script>
 
 <style>
-body {
+html {
+  font-size: 1.25vw;
   background-color: #419567;
 }
 #app {
@@ -84,11 +85,14 @@ body {
 }
 #lyrics {
   display: block;
+  box-sizing: border-box;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
+  max-height: 100%;
   margin: 0;
+  padding: 50px;
 }
 </style>

app/src/main.js

@@ -5,7 +5,8 @@ import App from './App.vue'
 Vue.config.productionTip = false
 
 Vue.use(VueSSE, {
-  url: '/lowerthirdsserver',
+  url: '/stream',
+  format: 'json'
 });
 
 new Vue({