<template>
  <div>
    <the-header />
    <h1> i'm layout A </h1>

    <!-- let's use the sub layout -->
    <a-sub-layout>
      <slot />
      <!-- here we are doing slot transfer, the main component will appear within the sub layout -->
     </a-sub-layout>

     <!-- here we have a footer -->
     <the-footer />
   </div>
<template>