diff --git a/docs/update.md b/docs/update.md index ad29f8d..28fc092 100644 --- a/docs/update.md +++ b/docs/update.md @@ -12,6 +12,7 @@ - 왼쪽 사이드바 네비게이션/카테고리/작성자 섹션의 내부 패딩과 텍스트 이동량을 미세 조정. - 태그 목록 페이지를 원본 Thred 구조에 맞춰 중앙 히어로와 3열 태그 카드 레이아웃으로 재구성. - 태그 상세 페이지(`tag/[slug]`)를 원본 Thred 구조에 맞춰 헤더 간격과 리스트형 게시물 카드 레이아웃으로 재구성. +- 태그 상세 페이지 게시물 메타 영역에 featured 강조, 태그 컬러 배지, 구분자 스타일을 원본 패턴에 맞춰 보정. - 기술 명세 현재 버전을 v0.0.45로 갱신. ## v0.0.44 diff --git a/pages/tag/[slug].vue b/pages/tag/[slug].vue index 2458f25..5c9b869 100644 --- a/pages/tag/[slug].vue +++ b/pages/tag/[slug].vue @@ -32,11 +32,13 @@ const tag = computed(() => tags.value.find((item) => item.slug === slug.value)) const tagPosts = computed(() => posts.value .filter((post) => post.tags.includes(slug.value)) - .map((post) => ({ + .map((post, index) => ({ title: post.title, excerpt: post.excerpt, featuredImage: post.featuredImage, tag: tag.value?.name || slug.value.toUpperCase(), + tagColor: tag.value?.color || '#4d4d4d', + isFeatured: index === 0, publishedAt: formatPostDate(post.publishedAt), to: `/post/${post.slug}` }))) @@ -59,11 +61,11 @@ const tagPosts = computed(() => posts.value
-
+
posts.value

+ {{ post.title }}

{{ post.excerpt }}

-
+
- / - + {{ post.tag }} + + + 0 +