Nuxt 초기 세팅 추가
This commit is contained in:
26
components/site/PostCard.vue
Normal file
26
components/site/PostCard.vue
Normal file
@@ -0,0 +1,26 @@
|
||||
<script setup>
|
||||
defineProps({
|
||||
post: {
|
||||
type: Object,
|
||||
required: true
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<article class="post-card site-section">
|
||||
<div class="post-card__body site-section-body">
|
||||
<p class="post-card__meta text-xs font-semibold uppercase text-muted">
|
||||
{{ post.tag }} · {{ post.publishedAt }}
|
||||
</p>
|
||||
<h2 class="post-card__title mt-3 text-2xl font-semibold leading-tight">
|
||||
<NuxtLink class="post-card__title-link hover:text-muted" :to="post.to">
|
||||
{{ post.title }}
|
||||
</NuxtLink>
|
||||
</h2>
|
||||
<p class="post-card__excerpt mt-3 text-sm leading-6 text-muted">
|
||||
{{ post.excerpt }}
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
</template>
|
||||
Reference in New Issue
Block a user