mirror of
https://github.com/sotrh/learn-wgpu.git
synced 2024-11-08 07:10:33 +00:00
38 lines
792 B
Vue
38 lines
792 B
Vue
|
// Original: https://www.raymondcamden.com/2018/05/09/adding-a-recent-content-component-to-vuepress/
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div>
|
||
|
|
<ul>
|
||
|
|
<li v-for="post in recentFiles">
|
||
|
|
<a :href="post.path">{{post.title}}</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {};
|
||
|
|
},
|
||
|
|
computed:{
|
||
|
|
recentFiles() {
|
||
|
|
let files = this.$site.pages.filter(p => {
|
||
|
|
// return p.path.indexOf('/posts/') >= 0;
|
||
|
|
return p.path.includes('beginner')
|
||
|
|
|| p.path.includes('intermediate');
|
||
|
|
}).sort((a,b) => {
|
||
|
|
let aDate = new Date(a.frontmatter.published).getTime();
|
||
|
|
let bDate = new Date(b.frontmatter.published).getTime();
|
||
|
|
let diff = aDate - bDate;
|
||
|
|
if(diff < 0) return -1;
|
||
|
|
if(diff > 0) return 1;
|
||
|
|
return 0;
|
||
|
|
}).slice(0,5);
|
||
|
|
|
||
|
|
return files;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|