diff --git a/gatsby-browser.ts b/gatsby-browser.ts
deleted file mode 100644
index 5d93189..0000000
--- a/gatsby-browser.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import "./src/assets/scss/main.scss";
-import "./src/assets/scss/prism/github.scss";
-import "./src/assets/scss/prism/prism-tomorrow.scss";
diff --git a/gatsby-browser.tsx b/gatsby-browser.tsx
new file mode 100644
index 0000000..d378136
--- /dev/null
+++ b/gatsby-browser.tsx
@@ -0,0 +1,19 @@
+import "./src/assets/scss/main.scss";
+import "./src/assets/scss/prism/github.scss";
+import "./src/assets/scss/prism/prism-tomorrow.scss";
+
+export const onRouteUpdate = ({ location }: { location: { pathname: string } }) => {
+ const elements = document.querySelectorAll("[data-url]");
+ const currentUrl = `https://rickvanlieshout.com${location.pathname ?? ""}`;
+
+ const setAttributeIfAvailable = (element: Element, elementIdentifier: string) => {
+ if (element.hasAttribute(elementIdentifier)) {
+ element.setAttribute(elementIdentifier, currentUrl);
+ }
+ };
+
+ elements.forEach((element) => {
+ setAttributeIfAvailable(element, "href");
+ setAttributeIfAvailable(element, "content");
+ });
+};
diff --git a/gatsby-ssr.tsx b/gatsby-ssr.tsx
index 5ca9b0f..a6487e6 100644
--- a/gatsby-ssr.tsx
+++ b/gatsby-ssr.tsx
@@ -26,9 +26,9 @@ export const onRenderBody = ({
const currentUrl = `https://rickvanlieshout.com${pathname}`;
setHeadComponents([
- ,
- ,
- ,
+ ,
+ ,
+ ,
]);
setPreBodyComponents([