<template>
<div class="list-items">
    Problem Description: <div v-text="this.probdesc"></div>
    Suggested Solution: <div v-text="this.suggested"></div>
</div>
</template>
<script>
    export default {
        data() {
            return {
                probdesc: "",
                suggested: ""
            }
        },
        mounted() {
            Echo.channel('work-orders')
                .listen('WorkOrderUpdated', (e) => {
                    this.probdesc = e.probdesc;
                    this.suggested = e.suggested;
                    console.log('Received Websocket Update');
                });
        }
    }
</script>