saahildcom/app.vue

<script setup>
import Backdrop from "./components/Backdrop.vue";
import Footer from "./components/Footer.vue";
import Navbar from "./components/Navbar.vue";
import "./lib/jsscripts/index.ts";
useHead({
  title: "Saahils Site",
  meta: [
    {
      name: "viewport",
      content: "width=device-width, initial-scale=1.0",
    },
    {
      name: "description",
      content:
        "Saahil's personal website, showcasing his projects, blog, and more.",
    },
    {
      name: "robots",
      content: "noindex, nofollow",
    },
    {
      name: "author",
      content: "Neon",
    },
    {
      name: "charset",
      content: "UTF-8",
    },
    {
      name: "keywords",
      content: "neon, saahil, portfolio",
    },
    {
      name: "color-scheme",
      content: "dark",
    },
  ],
  noscript: [
    {
      children: `
  <meta http-equiv="refresh" content="0; url=https://saahild.com/retro" />
      `,
    },
  ],
});
</script>
<script></script>
<!-- <script
  defer
  src="https://cloud.umami.is/script.js"
  data-website-id=""
></script> -->
<style>
body,
html {
  font-family: "Poppins";
}
</style>
<template>
  <div>
    <Navbar />
    <Backdrop />
    <router-view />
    <Footer />
  </div>
</template>