Vue Editor Tutorial - Step 1 - App.vue

App.vue

<template>
  <div class="split">
    <div class="split__item">
      <cms-page v-model="content"></cms-page>
      <source-text v-model="content"></source-text>
    </div>
    <div class="split__item">
      <front-page v-model="content"></front-page>
    </div>
  </div>
</template>
<script>
import CmsPage from './cms/Cms'
import FrontPage from './front/Front'
import SourceText from './cms/SourceText'

export default {
  name: 'vue-editor',
  components: {
    CmsPage,
    FrontPage,
    SourceText,
  },
  data() {
    return {
      content: 'It is time to code and chew bubble gum, and I\'m all out of gum!',
    }
  },
}
</script>