VueJs Socket-IO website to display Json

The existing website has following functionality: 1. Connect to websocket server to receive stream fo JSON 2. Scroll the data in a TXT window as log. ************************************************************ The new Vue JS based website needs to have DOM updated with the newly received jsons messages. There are two types of json format. Info with only timestamp; and Message with a data structure. a) Convert the message Json into a UI row in a table (or a log) b) Have the ability to color a row based on a quantity in the row c) Users have the ability to choose the message (json) fileds to form their desired table. d) Fetch and disply (in a new tab/window) website from url inside the message Json. e) clean, commented, and readable code is a must. ************************************************************ Provide a link to your similar work and a statement of related work tht you have alreay done. Note: 1. No updates are made to the server. 2. Server is protected with htpasswd apache simple authentication (Our full stack developer will work with you once the passwordless site is developed) 3. Preference will be given to proposals with routes and state managed designs (Vue routers and Vuex). As we will create additional projects to build on top to improve user experience.