related posts fixes

content/_schemas.ts

@@ -25,7 +25,8 @@ const schemaShared = {
   style: z.string().optional(),
   toc: z.boolean().optional(),
   githubLink: z.string().optional(),
-  changelog: z.string().optional()
+  changelog: z.string().optional(),
+  lead: z.string().optional()
 }
 
 export const schemaArticles = (image: ImageFunction) =>

content/articles/2023-09-13-favicon-generation-with-astro/index.md

@@ -13,7 +13,7 @@ toc: true
 draft: true
 ---
 
-Those small but impactful icons displayed next to a website's title in a browser tab seem like a minor detail. Implementing favicons involves various considerations for different formats and sizes to fit a range of devices and browsers. Luckily, we can always count on Evil Martians to tell us [which files are needed](https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs) in modern times. Those findings can be implemented quite easy in Astro.
+Those small but impactful icons displayed next to a website's title in a browser tab seem like a minor detail, yet implementing favicons involves various considerations for different formats and sizes to fit a range of devices and browsers. Luckily, we can always count on Evil Martians to tell us [which files are needed](https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs) in modern times. Those findings can be implemented quite easy in Astro.
 
 This article outlines how to implement just that with [Astro](https://astro.build), utilizing its [Static File Endpoints](https://docs.astro.build/en/core-concepts/endpoints/) and [`getImage()`](https://docs.astro.build/en/guides/images/#generating-images-with-getimage) function to generate multiple favicon sizes.
 

src/components/RelatedPosts/index.astro

@@ -18,23 +18,22 @@ const allPosts = await getAllPostsForSearch()
 const fuseOptions: Fuse.IFuseOptions<
   CollectionEntry<'articles' | 'photos' | 'links'>
 > = {
-  keys: ['data.tags', 'data.title', 'collection'],
-  includeMatches: true,
+  keys: ['data.tags', 'data.title', 'data.lead', 'collection'],
   useExtendedSearch: true,
   minMatchCharLength: 3,
-  threshold: 0.5
+  threshold: 0.8
 }
-// TODO; firgure out how to remove any
-const fuse = new Fuse(
-  (allPosts as any).filter((post: any) => post.slug !== Astro.props.post.slug),
-  fuseOptions
+// TODO; figure out how to remove any
+const allPostsWithoutCurrent = allPosts.filter(
+  (post) => post.slug !== Astro.props.post.slug
 )
+const fuse = new Fuse(allPostsWithoutCurrent as any, fuseOptions)
 const relatedPosts = fuse
   // https://www.fusejs.io/examples.html#extended-search
   .search(
     `${post?.data?.tags?.join(' | ')} | ${post?.data?.title} | ${
-      post.collection
-    }`
+      (post?.data as any)?.lead
+    } | ${post?.collection}`
   )
   .map((result) => result.item)
   .slice(0, 6)

src/lib/astro/getAllPostsForSearch.ts

@@ -21,10 +21,10 @@ export async function getAllPostsForSearch() {
       //   : null
       return {
         slug: post.slug,
+        collection: post.collection,
         data: {
           title: post.data.title,
           tags: post.data.tags,
-          collection: post.collection,
           lead: post.body.substring(0, 200),
           image: imageSrc
         }