zenn
3fb8a40031
라이브 모드 코드/콜아웃/토글 편집, 슬래시 명령, 홈 Latest List·Compact·Cards 보기, 사이트 설정 메인 화면 커버(720px) 및 HomeHero 반영. Co-authored-by: Cursor <cursoragent@cursor.com>
36 lines
1.0 KiB
Vue
36 lines
1.0 KiB
Vue
<script setup>
|
|
defineProps({
|
|
post: {
|
|
type: Object,
|
|
required: true
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<article class="post-card site-section site-panel-hover group">
|
|
<div class="post-card__body site-section-body flex gap-4">
|
|
<PostCardMedia
|
|
:to="post.to"
|
|
:title="post.title"
|
|
:featured-image="post.featuredImage"
|
|
link-class="h-20 w-36 shrink-0"
|
|
aspect-class="h-full w-full"
|
|
/>
|
|
<div class="post-card__content min-w-0">
|
|
<h2 class="post-card__title text-base font-semibold leading-tight">
|
|
<NuxtLink class="post-card__title-link site-interactive hover:opacity-70" :to="post.to">
|
|
{{ post.title }}
|
|
</NuxtLink>
|
|
</h2>
|
|
<p class="post-card__excerpt mt-2 text-sm leading-6 site-muted">
|
|
{{ post.excerpt }}
|
|
</p>
|
|
<p class="post-card__meta mt-2 text-xs site-muted">
|
|
{{ post.publishedAt }}<template v-if="post.tag"> / {{ post.tag }}</template>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</template>
|