Белый экран компонента Vue.js

У меня белый экран в моем простом демонстрационном компоненте, и я понятия не имею, что не так с моим кодом.

Dashboard.vue

<template>
  <div id = "app">
    <h1>{{ msg }}</h1>
  </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      msg: 'Hello'
    }
  }
}
</script>

main.js

import Vue from 'vue'
import Dashboard from './components/Dashboard.vue'
new Vue({
    el: '#app',
    components : {
        Dashboard
    }
}) 

Просто белый экран, компонентов нет в DOM. Vue2.X