Fix: noindex 404

src/components/Block/Alert.astro

@@ -18,7 +18,7 @@ const icon = icons[type];
 
 <aside class:list={['alert', `alert-${type}`, 'has-icon']}>
 	<span class={`gg-` + icon}></span>
-	<div set:html={text} />
+	<div class="alert-content" set:html={text} />
 </aside>
 
 <style>
@@ -54,13 +54,11 @@ const icon = icons[type];
 		color: var(--white);
 	}
 
-	.has-icon [class^='gg-'] {
-		--text-color: oklch(from var(--alert-color) calc(l + 0.25) c h);
+	.alert-content :global(p:last-of-type) {
+		margin-bottom: 0;
 	}
-</style>
 
-<style is:inline>
-	.alert p:last-of-type {
-		margin-bottom: 0;
+	.has-icon [class^='gg-'] {
+		--text-color: oklch(from var(--alert-color) calc(l + 0.25) c h);
 	}
 </style>

src/pages/404.md

@@ -2,6 +2,7 @@
 layout: '@layouts/Base.astro'
 title: Page not found
 description: 404 page not found
+robots: noindex, nofollow
 ---
 
 # 404 Not Found

tests/pages/base-page.ts

@@ -33,6 +33,12 @@ export class BasePage {
 		};
 	}
 
+	async goto(path: string) {
+		await this.page.goto(path, {
+			waitUntil: 'domcontentloaded',
+		});
+	}
+
 	async getMeta() {
 		return this.meta;
 	}

tests/spec/404.spec.ts

@@ -0,0 +1,12 @@
+import { test, expect } from '@playwright/test';
+import { BasePage } from '@tests/pages/base-page';
+
+test.describe('404 page not found', () => {
+	test('page is noindexed', async ({ page }) => {
+		const base = new BasePage(page);
+		await base.goto('404-not-found');
+
+		const meta = await base.getMeta();
+		expect(await meta.robots.getAttribute('content')).toBe('noindex, nofollow');
+	});
+});