<script setup>
  const apps = await queryContent('projects')
    .sort({ priority: 1 })
    .where({ public: true })
    .only(['slug', 'project', 'description'])
    .find()
</script>

<template>
  <div class="projects">
    <h3>Projects</h3>
    <div class="card" v-for="app in apps" :key="app.slug">
      <NuxtLink :to="'/projects/' + app.slug" class="title" >
        <p>{{ app.project }}</p>
      </NuxtLink>
      <p class="desc">{{ app.description }}</p>
    </div>
  </div>
</template>