Layout Configure

Here is the layout and routing configure

 // Default Layout

<template>
  <div id="loading">
    <loader />
  </div>
  <!-- loader END -->
  <!-- Wrapper Start -->
  <DefaultSidebar />
  <div class="main-content">
    <div class="position-relative">
      <DefaultHeader :image="logoimage" />
      <template v-for="(option, index) in breadcrumboptions" :key="index">
        <breadcrumb
          :img="option.img"
          :title="option.title"
          v-show="this.$route.meta.name === option.title"
        />
      </template>
      <!-- <div id="content-page" class="content-inner"> -->
      <!-- <div class="container"> -->
      <router-view v-slot="{ Component }">
        <transition name="fade">
          <component :is="Component" />
        </transition>
      </router-view>
      <!-- </div> -->
      <!-- </div> -->
    </div>
    <!-- Wrapper End-->
    <DefaultRightSidebar />
    <SettingOffcanvas />
  </div>
  <DefaultFooter />
</template>

// Empty Layout

<template>
  <Loader/>
   <div class="wrapper">
     <router-view></router-view>
   </div>
</template>
<script>
import Loader from '../components/custom/loader/Loader'
export default {
  name: 'Default',
  components: {
    Loader
  }
}
</script>