refactor code

[Meleeman01]

as it stands Sync is working and working well, however, the current code could be refactored and simplified and leverage the vue.js framework more. one instance could be moving the template code in vue-app.js into it's on vue file, and importing it into vue-app.js.

[Meleeman01]

on the refactor list I think adding the media player to the data object in the mediaControl component would be a good idea, so we're not violating the dry principle by initializing a variable whenever we need to access the media player.