Add DefaultSEO to all pages

src/pages/404.astro

@@ -1,9 +1,11 @@
 ---
 export const prerender = true
 
+import DefaultSEO from 'components/DefaultSEO.astro'
 import BaseLayout from '../layouts/base.astro'
 ---
 
+<DefaultSEO />
 <BaseLayout>
   <div class='flex flex-1 flex-col bg-soc-green-dark py-6'>
     <div class='text-md` text-center'>

src/pages/500.astro

@@ -3,10 +3,12 @@ export const prerender = true
 import { Image } from 'astro:assets'
 
 import BaseLayout from '../layouts/base.astro'
+import DefaultSEO from 'components/DefaultSEO.astro'
 
 import GuraGif from '../img/assets/doggo-thumbs-up.gif'
 ---
 
+<DefaultSEO />
 <BaseLayout>
   <div class='flex flex-1 flex-col bg-soc-green-dark py-6'>
     <div class='text-md` text-center'>Something went wrong.... yubi yubi</div>

src/pages/holy12.astro

@@ -4,15 +4,17 @@ import * as m from 'paraglide/messages'
 import { getRandom } from 'utils/form'
 import { getRandomAlbum } from 'utils/queries'
 
-import Base from 'layouts/base.astro'
+import BaseLayout from 'layouts/base.astro'
 import AlbumBox from 'components/AlbumBox.astro'
+import DefaultSEO from 'components/DefaultSEO.astro'
 
 const titles = [m.holy12_0(), m.holy12_1(), m.holy12_2(), m.holy12_3(), m.holy12_4(), m.holy12_5()]
 const title = getRandom(titles)
 const albums: { id: number; title: string }[] = await Promise.all(Array.from({ length: 12 }, getRandomAlbum))
 ---
 
-<Base>
+<DefaultSEO />
+<BaseLayout>
   <div class='flex flex-col px-28'>
     <h1 class='w-full uppercase font-medium tracking-wide text-4xl drop-shadow-2xl mt-5 mb-2 text-center'>{title}</h1>
     <div class='grid grid-cols-2 md:grid-cols-4 gap-x-1.5 mb-4'>
@@ -23,4 +25,4 @@ const albums: { id: number; title: string }[] = await Promise.all(Array.from({ l
       }
     </div>
   </div>
-</Base>
+</BaseLayout>

src/pages/index.astro

@@ -6,6 +6,7 @@ import { AlbumStatus } from '@prisma/client'
 import Sidebar from 'components/Sidebar.astro'
 import BaseLayout from 'layouts/base.astro'
 import AlbumBox from 'components/AlbumBox.astro'
+import DefaultSEO from 'components/DefaultSEO.astro'
 
 const recentAlbums = await prismaClient.albums.findMany({
   where: { status: AlbumStatus.SHOW },
@@ -21,6 +22,7 @@ const lastAlbums = await prismaClient.albums.findMany({
 })
 ---
 
+<DefaultSEO />
 <BaseLayout>
   <div class='flex flex-col md:flex-row flex-1 max-w-[2000px]'>
     <div class='flex-1 px-2'>
@@ -50,7 +52,9 @@ const lastAlbums = await prismaClient.albums.findMany({
         }
       </div>
       <div class='flex gap-x-2 py-4'>
-        <a href="/last-added" class='bg-dark uppercase rounded-md text-2xl p-1.5 font-semibold w-full'>{m.moreLastAdded}</a>
+        <a href='/last-added' class='bg-dark uppercase rounded-md text-2xl p-1.5 font-semibold w-full'
+          >{m.moreLastAdded}</a
+        >
       </div>
     </div>
     <Sidebar />

src/pages/maintenance.astro

@@ -5,8 +5,10 @@ import { Image } from 'astro:assets'
 import BaseLayout from '../layouts/base.astro'
 
 import GuraGif from '../img/assets/doggo-thumbs-up.gif'
+import DefaultSEO from 'components/DefaultSEO.astro'
 ---
 
+<DefaultSEO />
 <BaseLayout>
   <div class='flex flex-1 flex-col bg-soc-green-dark py-6'>
     <div class='text-md` text-center'>

src/pages/search.astro

@@ -3,6 +3,7 @@ import * as m from 'paraglide/messages'
 
 import AlbumSearch from 'components/search/AlbumSearch.astro'
 import BaseLayout from 'layouts/base.astro'
+import DefaultSEO from 'components/DefaultSEO.astro'
 
 const query = (Astro.url.searchParams.get('q') ?? '').trim()
 const page = Astro.url.searchParams.get('page') || '1'
@@ -10,6 +11,7 @@ const page = Astro.url.searchParams.get('page') || '1'
 if (!query || query.length < 1) return Astro.redirect(404)
 ---
 
+<DefaultSEO />
 <BaseLayout>
   <div class='w-full bg-dark'>
     <div class='flex max-w-[1200px] mx-auto justify-center px-8 py-3 flex-col'>