fix: Enabling $page.url store changes when URL is changed directly in address bar

.changeset/great-kangaroos-train.md

@@ -0,0 +1,5 @@
+---
+'@sveltejs/kit': patch
+---
+
+fix: Enables $page.url changes when URL is directly altered in address bar

packages/kit/src/runtime/client/client.js

@@ -1700,6 +1700,16 @@ export function create_client(app, target) {
 						'',
 						location.href
 					);
+				} else {
+					// In the occasion of the hash being updated directly through
+					// the browser's address bar, the page store needs to be
+					// updated
+					const url = new URL(location.href, document.baseURI);
+
+					current.url = url;
+
+					stores.page.set({ ...page, url });
+					stores.page.notify();
 				}
 			});
 

packages/kit/test/apps/basics/src/routes/store/data/+layout.svelte

@@ -4,6 +4,7 @@
 
 <div id="store-data">{JSON.stringify($page.data)}</div>
 <div id="store-error">{$page.error?.message}</div>
+<div id="page-url">{$page.url}</div>
 
 <nav>
 	<a href="/store/data/xxx">xxx</a> <a href="/store/data/yyy">yyy</a>

packages/kit/test/apps/basics/test/test.js

@@ -769,6 +769,26 @@ test.describe('$app/stores', () => {
 			expect(await page.textContent('#nav-status')).toBe('not currently navigating');
 		}
 	});
+
+	test("url's hash is updated when it is modified in the address bar", async ({
+		page,
+		javaScriptEnabled
+	}) => {
+		if (javaScriptEnabled) {
+			const baseUrl = '/store/data/www';
+			// Go to page where store data, as well as URL, are displayed
+			await page.goto(baseUrl);
+
+			// Change hash to #2 in address bar
+			await page.evaluate(() => {
+				history.pushState({}, '', '#2');
+			});
+
+			expect(await page.locator('#page-url').textContent({ timeout: 5000 })).toMatch(/#2$/, {
+				timeout: 5000
+			});
+		}
+	});
 });
 
 test.describe('searchParams', () => {