From: Ardis Lu <ardisglu@gmail.com>
Date: Sun, 6 Mar 2022 07:01:12 +0000 (-0800)
Subject: Update meta tags on page change
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=8c8258d9c52c6566a0b3d9c740ba81af2431bed5;p=ardislu.dev

Update meta tags on page change
---

diff --git a/script.js b/script.js
index 81801e2..e3247b3 100644
--- a/script.js
+++ b/script.js
@@ -25,6 +25,12 @@ const postHeader = components.get('post-header');
 const postLoader = components.get('post-loader');
 const postMain = components.get('post-main');
 
+/* Fetch important <head> elements for convenience */
+const head = {
+  description: document.querySelector('meta[name="description"]'),
+  canonical: document.querySelector('link[rel="canonical"]')
+};
+
 /* Hydrate the loaders */
 homeLoader.insertAdjacentHTML('beforeend',
   `<article class="card">
@@ -126,6 +132,8 @@ async function showPage(path) {
     const post = posts.get(path);
 
     document.title = post.title;
+    head.description.content = post.description;
+    head.canonical.href = `https://ardislu.dev${path}`;
     postHeader.querySelector('#edit').href = `https://docs.google.com/document/d/${post.id}/edit`;
 
     if (post.content === undefined) {