proper usage of page store

src/global.d.ts

@@ -1 +0,0 @@
-/// <reference types="@sveltejs/kit" />

src/lib/Link.svelte

@@ -1,26 +1,23 @@
-<script>
+<script context="module">
     import { page } from '$app/stores';
-    export let href;
-    let pageHost;
-    page.subscribe(p => pageHost = p.host); // apparently this works?
-
-    function isLocal(url) {
-        if (url.startsWith('/')) {
-            return true;
-        }
 
+    function host(url) {
         try {
-            let parsed = new URL(url);
+            let u = new URL(url);
-            return parsed.host === pageHost;
+            return u.host;
         }
         catch {
-            return false;
+            return null;
         }
     }
 </script>
 
+<script>
+    export let href;
+</script>
+
 <!-- we pass href explicitly so a11y doesn't scream at us -->
-{#if isLocal(href)}
+{#if href.startsWith('/') || host(href) === $page.host}
     <a sveltekit:prefetch {href} {...$$props}>
         <slot></slot>
     </a>

src/lib/Post.svelte

@@ -5,10 +5,13 @@
 
 <script>
     export let title, date;
+    let pDate = new Date(date);
+
 </script>
 
 
 <div id="post">
     <h1>{title}</h1>
+    <p><em>Composed: {pDate.toLocaleDateString('en-US')}</em></p>
     <slot></slot>
 </div>

src/routes/__layout.svelte

@@ -33,7 +33,7 @@
     <nav id="nav-main">
         <a sveltekit:prefetch href="/">Home</a>
         <a sveltekit:prefetch href="/posts">Posts</a>
-        <a sveltekit:prefetch href="#">About</a>
+        <a sveltekit:prefetch href="/">About</a>
     </nav>
 </div>