<template>
  <div id="app">
    <router-view />
    <websocket />
  </div>
</template>

<script>
import websocket from '@/views/websocket'
export default  {
  name:  'App',
  components: {
    websocket
  },
    metaInfo() {
        return {
            title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
            titleTemplate: title => {
                return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
            }
        }
    }
}
</script>
