App.html

<div class="drawer lg:drawer-open">
  <input id="my-drawer" type="checkbox" class="drawer-toggle" />
  <div class="drawer-content">
    <header class="h-16">
      <nav-bar class="fixed left-0 top-0 z-50"></nav-bar>
    </header>
    <main>
      <router-view v-slot="{ Component }">
        <keep-alive :include="include">
          <component :class="$route.name" :is="Component"></component>
        </keep-alive>
      </router-view>
    </main>
    <footer class="footer bg-base-200 text-base-content p-10">
      <aside>
        <span class="text-2xl font-bold">MCWXT</span>
        <p>感谢访问我的博客！</p><br>
        <p>Copyright © 2023 - {{new Date().getFullYear()}} All right reserved by MCWXT</p>
      </aside>
      <nav>
        <h6 class="footer-title">感谢</h6>
        <ul>
          <li><a href="https://taojs.mcwxt.top">TaoJs</a></li>
          <li><a href="https://www.w3.org">W3C</a></li>
          <li><a href="https://www.mozilla.org">Mozilla</a></li>
        </ul>
      </nav>
      <nav class="grid-flow-col gap-4 md:place-self-center md:justify-self-end">
        <a class="text-2xl" target="_blank" v-for="item in link" :title="item.content" :href="item.location">
          <i class="bi" :class="item.icon"></i>
        </a>
      </nav>
    </footer>
  </div>
  <drawer-side></drawer-side>
</div>