AppContainer.vue

<template>
  <root-header></root-header>
  <!-- BEGIN CONTAINER -->
  <div class="page-container">
      <root-sidebar></root-sidebar>
      <!-- BEGIN CONTENT -->
      <div class="page-content-wrapper">
          <!-- BEGIN CONTENT BODY -->
          <slot></slot>
          <!-- END CONTENT BODY -->
      </div>
      <!-- END CONTENT -->
  </div>
  <!-- END CONTAINER -->
  <root-footer></root-footer>
</template>

Main.vue

<script>
import AppContainer from './AppContainer.vue'

expost default  {
   components: { AppContainer }
};
</script>

<template>
  <app-container>
  Home
  </app-container>
</template>