From f1dcbb536a37a883d6628a11182c10fce31e0854 Mon Sep 17 00:00:00 2001
From: sergeyyarkov <serzh.yarkov@gmail.com>
Date: Fri, 17 Feb 2023 21:38:39 +0300
Subject: [PATCH] refactor

---
 src/components/ArticlePost.astro | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/ArticlePost.astro b/src/components/ArticlePost.astro
index 2d5f37f..4671a61 100644
--- a/src/components/ArticlePost.astro
+++ b/src/components/ArticlePost.astro
@@ -31,9 +31,9 @@ const {
 						<ul itemprop="keywords">
 							{tags.map((tag) => (
 								<li>
-									<a rel="tag" href={`/articles/?tags=${tag.toLocaleLowerCase()}`}>{`${tag}${
-										tags.at(-1) === tag ? "" : ","
-									}`}</a>
+									<a rel="tag" href={`/articles/?tags=${tag.toLocaleLowerCase()}`}>
+										{tag}
+									</a>
 								</li>
 							))}
 						</ul>
@@ -49,9 +49,9 @@ const {
 			<h1 itemprop="headline">{title}</h1>
 		</div>
 		<div class="published">
-			<time itemprop="datePublished" datetime={pubDate.toString()}
-				>{createDateFormatter(lang).format(pubDate)}</time
-			>
+			<time itemprop="datePublished" datetime={pubDate.toString()}>
+				{createDateFormatter(lang).format(pubDate)}
+			</time>
 			<span itemprop="author">{author}</span>
 		</div>
 		{coverImage && <ArticleCover src={coverImage} alt={title} />}
@@ -116,6 +116,10 @@ const {
 					flex-wrap: wrap;
 					column-gap: 7px;
 					row-gap: 7px;
+					& li:not(:last-child)::after {
+						content: ",";
+						color: var(--color-blue-400);
+					}
 				}
 			}