梁美英 / programming · Files

<template>
  <div class="index">
    <h1>{{ msg }}</h1>
    <recording-bar></recording-bar>
    <play-bar></play-bar>
</template>

<script>
import recordingBar from 'components/layout/recording_bar'
import playBar from 'components/layout/play_bar'
export default {
  name: 'index',
  components: {
    playBar,
    recordingBar
  },
  data () {
    return {
      msg: 'Restructure programming project'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
  h1{
    font-size: 48px;
  }

</style>