Fix pluralization of 'N comments' on LinkCard and Post layout

Also deleted vestigial getCommentCount

src/components/CommentsCount.astro

@@ -0,0 +1,16 @@
+---
+import getCommentCount from "lib/utils/getJamCommentsCommentCount";
+
+export interface Props {
+    pathname?: string;
+}
+
+const commentCount = getCommentCount(Astro.props.pathname ?? Astro.url.pathname);
+---
+{
+    commentCount > 0
+      ? commentCount === 1
+        ? "1 comment"
+        : `${commentCount} comments`
+      : "No comments yet"
+  }

src/components/LinkCard.astro

@@ -3,7 +3,7 @@ import getLinkDate from "@utils/getLinkDate";
 import type { CollectionEntry } from "astro:content";
 import formatPostDate from "../utils/formatPostDate";
 import getLinkSlug from "@utils/getLinkSlug";
-import getCommentCount from "lib/utils/getJamCommentsCommentCount";
+import CommentsCount from "./CommentsCount.astro";
 
 export type Props = {
     link: CollectionEntry<"links">;
@@ -33,9 +33,7 @@ const permalink = `/links/${getLinkSlug(l)}`;
                 {formatPostDate(getLinkDate(l.slug))}
             </time>
         </a> &middot;{" "}
-        <a href={permalink + "#comments"}>
-            {getCommentCount(permalink)} comments
-        </a>
+        <a href={permalink + "#comments"}><CommentsCount pathname={permalink} /></a>
     </p>
 </article>
 

src/layouts/Post.astro

@@ -10,7 +10,7 @@ import countWords from "@utils/countWords";
 import formatPostDate from "@utils/formatPostDate";
 import getPostDate from "@utils/getPostDate";
 import type { WithNextAndPrev } from "lib/utils/toWithNextAndPrev";
-import getCommentCount from "@utils/getCommentCount";
+import CommentsCount from "@components/CommentsCount.astro";
 
 export type Props = {
   post: WithNextAndPrev<CollectionEntry<"posts">>;
@@ -68,15 +68,15 @@ const ogImagePath = `/posts/${post.slug}`;
       }
       <span> &mdash;</span>
       {wordCount} words &mdash; {readingTime} min read{" "}
-      <span> &mdash; <a href="#comments">{getCommentCount(Astro.url.pathname)} comments</a></span>
+      <span> &mdash; <a href="#comments"><CommentsCount /></a></span>
     </p>
     <div class:list={{ "article-content": true, "drop-caps": dropCaps }}>
       <slot />
       <!-- <div class="reply-and-share">
         <MungedEmail label="Reply via email" subject={post.data.title} />
         <ShareLinks url={url} title={post.data.title} />
       </div> -->
-      <Comments/>
+      <Comments />
     </div>
   </div>
   <NextPrevLinks previous={previousLink} next={nextLink} labelLinks />