feat: dynamic canonical link

layouts/default.vue

@@ -22,10 +22,14 @@ import { feeds } from "~/common/api"
 
 export default {
   head() {
+    const host = process.server
+      ? this.$ssrContext.req.headers.host
+      : window.location.host
+
     return {
       link: [
         // We use $route.path since we don't use query parameters
-        { rel: "canonical", href: `https://hn.nuxtjs.org${this.$route.path}` }
+        { rel: "canonical", href: `https://${host}${this.$route.path}` }
       ]
     }
   },