feat: 🔍 made title prop optional and changed order

VueTubeApp · Jun 14, 2023 · a22b920 · a22b920
1 parent ca2b026
commit a22b920
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -3,7 +3,7 @@ import Head from "../components/Head.vue";
 import Foot from "../components/Foot.astro";
 
 export interface Props {
-  title: string;
+  title?: string;
   stickyFooter?: boolean;
   showFooter?: boolean;
   navPadding?: boolean;
@@ -28,18 +28,18 @@ const {
     <meta name="viewport" content="width=device-width" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <link rel="icon" type="image/png" href="/favicon.png" />
-    <meta name="theme-color" content="#213547">
-    <meta property="og:site_name" content="VueTube">
-    <meta property="og:url" content="https://vuetube.app">
-    <meta property="og:type" content="website">
+    <meta name="theme-color" content="#B3E5FC" />
+    <meta property="og:site_name" content="VueTube" />
+    <meta property="og:url" content="https://vuetube.app" />
+    <meta property="og:type" content="website" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
       rel="stylesheet"
     />
     <meta name="generator" content={Astro.generator} />
-    <title>VueTube | {title}</title>
+    <title>{title ? `${title} | ` : ""}VueTube</title>
   </head>
   <body
     class:list={[

diff --git a/src/layouts/SplashLayout.astro b/src/layouts/SplashLayout.astro
@@ -2,7 +2,7 @@
 import Layout from "./BaseLayout.astro";
 
 export interface Props {
-  title: string;
+  title?: string;
 }
 
 const { title } = Astro.props;

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -39,7 +39,7 @@ async function getOcto() {
 const avatars = await getOcto();
 ---
 
-<Layout title="VueTube">
+<Layout>
   <section
     class="flex h-[100dvh] w-full max-w-screen-xl gap-4 portrait:flex-col-reverse"
   >