From d7efcc10736cceabae5918af85869d43df53d053 Mon Sep 17 00:00:00 2001
From: sup39 <dev@sup39.dev>
Date: Sat, 5 Nov 2022 02:42:47 +0900
Subject: [PATCH] fix extendedHx href

---
 pages/_app.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/_app.tsx b/pages/_app.tsx
index 9bc35e4..c656758 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -8,7 +8,7 @@ import '../styles/index.sass';
 const hx = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const;
 const extendedHx = Object.fromEntries(hx.map(H => [H,
   ({children, id, ...props}: React.ComponentProps<(typeof hx)[number]>) => <H id={id} {...props}>
-    {id && <a className="anchor" />}
+    {id && <a className="anchor" href={'#'+encodeURIComponent(id)} />}
     {children}
   </H>,
 ]));