mirror of
https://github.com/draussenfunker/draussenfunker.github.io.git
synced 2025-12-31 08:29:17 +00:00
[FEAURE] Add basic blog system. Add first activity report
This commit is contained in:
parent
1b6f884bfb
commit
4ef40b5802
9 changed files with 361 additions and 15 deletions
39
docs/.vuepress/components/Posts.vue
Normal file
39
docs/.vuepress/components/Posts.vue
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
<template>
|
||||
<div v-for="page in pages">
|
||||
<div class="page-detail">
|
||||
<router-link :to="page.path"><h2>{{ page.title }}
|
||||
<template v-if="page.frontmatter.features">
|
||||
<Badge v-for="feature in page.frontmatter.features" type="tip" :text="feature" vertical="top" />
|
||||
</template>
|
||||
</h2> </router-link>
|
||||
<img v-if="page.frontmatter.image" class="article-image" :src="page.frontmatter.image"/>
|
||||
<p>{{ page.frontmatter.description }}</p>
|
||||
<p><router-link :to="page.path">Mehr Erfahren</router-link></p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</template>
|
||||
<script>
|
||||
import {usePages} from '@temp/pages'
|
||||
|
||||
export default {
|
||||
props: {
|
||||
type: String
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
pages: []
|
||||
}
|
||||
},
|
||||
setup(props) {
|
||||
const pages = props.type ?
|
||||
usePages().filter(page => page.frontmatter.type === props.type) :
|
||||
usePages();
|
||||
console.log(pages);
|
||||
return {pages}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue