mirror of
https://github.com/mastermindzh/rickvanlieshout.com
synced 2024-12-25 14:29:36 +01:00
fix: set current url tags in both ssr and browser space
This commit is contained in:
parent
e065f16fb5
commit
1c4c9d058a
@ -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";
|
19
gatsby-browser.tsx
Normal file
19
gatsby-browser.tsx
Normal file
@ -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");
|
||||
});
|
||||
};
|
@ -26,9 +26,9 @@ export const onRenderBody = ({
|
||||
const currentUrl = `https://rickvanlieshout.com${pathname}`;
|
||||
|
||||
setHeadComponents([
|
||||
<meta key="og:url" property="og:url" content={currentUrl} />,
|
||||
<link key="canonical" rel="canonical" href={currentUrl} />,
|
||||
<meta property="test:rick" key="test:rick" content={currentUrl} />,
|
||||
<meta data-url="currentUrl" key="og:url" property="og:url" content={currentUrl} />,
|
||||
<link data-url="currentUrl" key="canonical" rel="canonical" href={currentUrl} />,
|
||||
<meta data-url="currentUrl" property="test:rick" key="test:rick" content={currentUrl} />,
|
||||
]);
|
||||
|
||||
setPreBodyComponents([
|
||||
|
Loading…
Reference in New Issue
Block a user