From 26cfb7fdccc0cfb7bc7ecc083822a319f59aeffb Mon Sep 17 00:00:00 2001
From: Surjith S M <surjithctly@gmail.com>
Date: Fri, 11 Nov 2022 14:32:59 +0530
Subject: [PATCH] fix og:image

---
 astro.config.mjs         |  7 ++++---
 src/layouts/Layout.astro | 14 ++++++++++++--
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/astro.config.mjs b/astro.config.mjs
index ee35349..b980218 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -1,4 +1,4 @@
-import { defineConfig } from 'astro/config';
+import { defineConfig } from "astro/config";
 
 // https://astro.build/config
 import tailwind from "@astrojs/tailwind";
@@ -14,5 +14,6 @@ import mdx from "@astrojs/mdx";
 
 // https://astro.build/config
 export default defineConfig({
-  integrations: [tailwind(), alpinejs(), image(), mdx()]
-});
\ No newline at end of file
+  site: "https://astroship.web3templates.com",
+  integrations: [tailwind(), alpinejs(), image(), mdx()],
+});
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 5e0a378..fd34603 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -3,10 +3,12 @@ import { SEO } from "astro-seo";
 import Footer from "@components/footer.astro";
 import Navbar from "@components/navbar/navbar.astro";
 import "@fontsource/inter/variable.css";
+import { log } from "astro/dist/core/logger/core";
 
 export interface Props {
   title: string;
 }
+
 // const { src } = await getImage({
 //   src: "../../assets/hero.png",
 //   width: 800,
@@ -14,9 +16,15 @@ export interface Props {
 //   format: "avif",
 // });
 // console.log(src);
-const resolvedImageWithDomain = new URL("/opengraph.jpg", Astro.url).toString();
+
+const canonicalURL = new URL(Astro.url.pathname, Astro.site).toString();
+
+const resolvedImageWithDomain = new URL(
+  "/opengraph.jpg",
+  Astro.site
+).toString();
+
 const { title } = Astro.props;
-console.log(resolvedImageWithDomain, Astro.url);
 
 const makeTitle = title
   ? title + " | " + "Astroship"
@@ -35,6 +43,7 @@ const makeTitle = title
     <SEO
       title={makeTitle}
       description="Astroship is a starter website template for Astro built with TailwindCSS."
+      canonical={canonicalURL}
       twitter={{
         creator: "@surjithctly",
         site: "@web3templates",
@@ -42,6 +51,7 @@ const makeTitle = title
       }}
       openGraph={{
         basic: {
+          url: canonicalURL,
           type: "website",
           title: `Astroship - Starter Template for Astro`,
           image: resolvedImageWithDomain,