<script setup lang="ts">
definePageMeta({
  layout: "content",
});
</script>

<template>
  <UContainer class="flex flex-col gap-3 prose">
    <h1>Articles</h1>
  </UContainer>

  <UContainer class="flex flex-col gap-3 !pt-0">
    <ContentList :query="{ sort: [{ date: -1 }] }" v-slot="{ list }">
      <div v-for="article in list" :key="article._path">
        <ArticleListing :article="article" />
      </div>
    </ContentList>
  </UContainer>

  <Footer />
</template>
