<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>
