1.1 KiB
1.1 KiB
文章归档
<script setup> import { ref, onMounted,inject } from 'vue' const posts = ref([]) const tags = inject('tags') onMounted(async () => { const allPosts = import.meta.glob('./posts/*.md', { eager: true }) posts.value = Object.keys(allPosts).map(path => { const post = allPosts[path].__pageData console.log(allPosts[path]) console.log(post) return { title: post.frontmatter.title, date: new Date(post.frontmatter.date), tags: post.frontmatter.tags, url: path.replace('./posts', '/posts').replace('.md', '') } }).sort((a, b) => b.date - a.date) }) </script>{{posts}} {{tags}}
Primary Button
<style scoped>
.archive-list {
max-width: 800px;
margin: 0 auto;
}
.post-item {
margin-bottom: 1rem;
padding: 1rem;
border-bottom: 1px solid #eee;
}
.date {
float: right;
color: #666;
}
</style>
{{ post.title }}
{{ post.date.toLocaleDateString() }}