fix: Page titles

Author: rschristian

src/lib/page-title.js

@@ -7,16 +7,17 @@ export function createTitle(title) {
 	// Titles for various content areas
 	let suffix = '';
 	switch (true) {
-		// Shouldn't be an issue, but `startsWith` is wildly faster than `includes`
 		case url.startsWith('/guide/v11'):
-		case url.startsWith('/guide/v10'):
 			suffix = 'Preact Guide';
 			break;
-		case url.startsWith('/tutorial'):
-			suffix = 'Preact Tutorial';
+		case url.startsWith('/guide/v10'):
+			suffix = 'Preact Guide v10';
 			break;
 		case url.startsWith('/guide/v8'):
-			suffix = 'Preact Version 8';
+			suffix = 'Preact Guide v8';
+			break;
+		case url.startsWith('/tutorial'):
+			suffix = 'Preact Tutorial';
 			break;
 		default:
 			suffix = 'Preact';

src/lib/use-content.js

@@ -1,4 +1,5 @@
 import { useEffect } from 'preact/hooks';
+import { useLocation } from 'preact-iso';
 
 import { createTitle } from './page-title';
 import { getContent } from './content.js';
@@ -59,14 +60,17 @@ export function prefetchContent(path) {
  * @param {string} title
  */
 export function useTitle(title) {
+	const { url } = useLocation();
+
 	if (typeof window === 'undefined') {
 		globalThis.title = createTitle(title);
 	}
+
 	useEffect(() => {
 		if (title) {
 			document.title = createTitle(title);
 		}
-	}, [title]);
+	}, [title, url]);
 }
 
 /**