<script setup>
defineProps({ projekt: { type: Object, required: true } })
</script>

<template>
  <section class="pruefung">
    <dl>
      <dt>Tests</dt><dd><code>{{ projekt.pruefung.tests || '—' }}</code></dd>
      <dt>Lint</dt><dd><code>{{ projekt.pruefung.lint || '—' }}</code></dd>
      <dt>Start</dt><dd><code>{{ projekt.pruefung.start || '—' }}</code></dd>
    </dl>
    <ul v-if="projekt.pruefung.hinweise.length">
      <li v-for="(h, i) in projekt.pruefung.hinweise" :key="i">{{ h }}</li>
    </ul>
  </section>
</template>

<style scoped>
.pruefung {
  background: var(--panel); border: 1px solid var(--rand); border-radius: 10px;
  padding: 0.9rem 1.2rem;
}
dl { display: grid; grid-template-columns: max-content 1fr; gap: 0.3rem 1rem; margin: 0; }
dt { font-weight: 600; }
dd { margin: 0; }
ul { color: var(--dezent); margin: 0.7rem 0 0; }
</style>
