v0.0.51: 사이드바 열 높이 고정·발행일 YYYY.MM.DD 통일

Co-authored-by: Cursor <cursoragent@cursor.com>

pages/index.vue

@@ -47,22 +47,6 @@ const onDocumentPointerDown = (event) => {
   closePostFeedStyleMenu()
 }
 
-/**
- * 날짜 표시 형식 변환
- * @param {string | null} value - ISO 날짜 문자열
- * @returns {string} 화면 표시 날짜
- */
-const formatPostDate = (value) => {
-  if (!value) {
-    return ''
-  }
-
-  return new Intl.DateTimeFormat('en-US', {
-    month: 'short',
-    day: 'numeric'
-  }).format(new Date(value))
-}
-
 /**
  * 태그 슬러그로 태그 정보 조회
  * @param {string | undefined} slug - 태그 슬러그
@@ -94,6 +78,7 @@ const mapLatestPost = (post, index) => {
     tagName: tagMeta.name,
     tagColor: tagMeta.color,
     publishedAt: formatPostDate(post.publishedAt),
+    publishedAtIso: post.publishedAt || '',
     to: `/post/${post.slug}`,
     isFeatured: index === 0
   }
@@ -366,7 +351,7 @@ const scrollFeatured = (direction) => {
                   <h2 class="max-w-[90%] text-sm font-medium leading-tight">
                     <NuxtLink :to="post.to" class="transition-opacity duration-200 hover:opacity-75">
                       <span v-if="post.isFeatured" class="mr-1 inline-flex text-[var(--site-accent)] [&_svg]:-mt-0.5">
-                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                           <path d="M13 3v7h6l-8 11v-7H5l8-11" />
                         </svg>
                       </span>
@@ -382,7 +367,7 @@ const scrollFeatured = (direction) => {
                   </p>
 
                   <div class="flex flex-wrap items-center gap-2 text-xs site-muted sm:gap-1.5">
-                    <time>{{ post.publishedAt }}</time>
+                    <time v-if="post.publishedAt" :datetime="post.publishedAtIso">{{ post.publishedAt }}</time>
                     <span class="text-[var(--site-line)]">/</span>
                     <span
                       class="rounded-sm px-1.5 py-px font-medium text-[var(--site-text)]"
@@ -391,7 +376,7 @@ const scrollFeatured = (direction) => {
                       {{ post.tagName }}
                     </span>
                     <span class="text-[var(--site-line)]">/</span>
-                    <span class="flex items-center gap-0.75">
+                    <span class="flex items-center gap-1">
                       <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="-mt-px">
                         <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" />
                       </svg>