<template>
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
      <!-- Content Header (Page header) -->
      <section class="content-header">
        <h1>
          {{ title }}
        </h1>
      </section>
      <!-- Main content -->
      <section class="content">
        <router-view
        class="view"
        keep-alive
        transition
        transition-mode="out-in">
        </router-view>
      </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
</template>

<script>
  export default {
    name: 'Content',
    data() {
      return {
      };
    },
  };
</script>