梁美英 / programming · Files

<template>
  <div class="index">
    <h1>{{ msg }}</h1>
    <p-playbar></p-playbar>
    <p-recordingbar></p-recordingbar>
</template>

<script>
import recordingBar from 'components/layout/recording_bar'
import playBar from 'components/layout/play_bar'
export default {
  name: 'index',
  components: {
    'p-playbar': playBar,
    'p-recordingbar': 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>