feat(seo): update PostLayout

Author: ansidev

src/layouts/PostLayout.astro

@@ -7,17 +7,19 @@ import siteConfig from '@/configs/site'
 import AppLayout from '@/layouts/AppLayout.astro'
 
 interface Props {
+  slug: string
   frontmatter: CollectionEntry<'leetcode-solutions'>['data']
 }
 
-const { frontmatter } = Astro.props
+const { slug, frontmatter } = Astro.props
 const { author } = siteConfig
 ---
 
 <AppLayout
   headerCssClasses="max-w-5xl"
   title={frontmatter.title}
   description={frontmatter.title}
+  image={`${Astro.site}images/${slug}.png`}
   canonicalURL={frontmatter.canonicalURL}
   keywords={[
     ...((frontmatter.keywords as string[]) || []),

src/pages/[slug].astro

@@ -23,7 +23,7 @@ const { entry } = Astro.props
 const { Content } = await entry.render()
 ---
 
-<PostLayout frontmatter={entry.data}>
+<PostLayout frontmatter={entry.data} slug={entry.slug}>
   <Content />
   {
     isPluginEnabled('disqus') && (