propapier/app/pages/wissen/index.vue

23 lines
722 B
Vue

<script lang="ts" setup>
const { data: posts } = await useAsyncData('all-wissen', () => {
return queryCollection('wissen')
.all()
})
</script>
<template>
<template v-if="posts">
<section class="Wissen flex-col gap-default content full">
<h1>Wissen rund ums Papier</h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem delectus dolorum expedita id itaque nam quasi repellat sapiente tempora voluptatibus!
<ul class="link-liste">
<li v-for="post in posts" :key="post.path">
<NuxtLink :to="post.path">
<h2>{{ post.title }}</h2>
<p>{{ post.description }}</p>
</NuxtLink>
</li>
</ul>
</section>
</template>
</template>