<template>
  <div>
<div class="">


  <slot/>


</div>


  </div>

</template>

<script>

export default {
  data() {
    return {
      show:true,

    };
  },

  mounted() {
    this.show=false;
  }
}
</script>
<script setup>

useHead({
  title:'mindboost',
  meta:{
    name:"theme-color",
    content:"#E9C046",
  },
  link:[
    {
      href:'https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css',
      rel:'stylesheet',
    },
    {
      href: '/favicon.svg',
      rel:"icon",
      type:"image/x-icon"
    },
    {
      href: '/apple-touch-icon.png',
      rel:"apple-touch-icon",
      sizes:"180x180",
    },
    {
      href: '/android-icon.png',
      rel:"shortcut icon",
      sizes:"250x250",
    },
    {
      href: '/apple-touch-icon.png',
      rel:"apple-touch-icon",
    },
    {
      href: '/favicon-32x32.png',
      rel:"icon",
      sizes:"32x32",
      type:"image/png"
    },
    {
      href: '/favicon-16x16.png',
      rel:"icon",
      sizes:"16x16",
      type:"image/png"
    },{
      href: '/site.webmanifest',
      rel:"manifest",
    },
    // { rel: 'stylesheet', href: '../assets/css/style.css' },
  ],
  script:[
    {
      src:'https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js',
    },
    {
      src:'https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js',
    }
  ]

})

</script>

<style>
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css";
.slide-left-enter-active,
.slide-left-leave-active,
.slide-right-enter-active,
.slide-right-leave-active {
  transition: all 0.2s;
}
.slide-left-enter-from {
  opacity: 0;
  transform: translate(50px, 0);
}
.slide-left-leave-to {
  opacity: 0;
  transform: translate(-50px, 0);
}
.slide-right-enter-from {
  opacity: 0;
  transform: translate(-50px, 0);
}
.slide-right-leave-to {
  opacity: 0;
  transform: translate(50px, 0);
}
</style>