{{ define "content" -}}
<div class="container py-5">
  <h1 class="h3 mb-4">{{ t .Lang "reading.title" }}</h1>
  <div id="reading-center">
    <div class="alert alert-light border" v-if="!items.length">{{ t .Lang "reading.empty" }}</div>
    <div class="row g-3">
      <div class="col-md-4" v-for="item in items" :key="item.id">
        <div class="card h-100 shadow-sm">
          <div class="card-body">
            <h5 class="card-title" v-text="item.title"></h5>
            <p class="card-text text-muted small" v-text="item.summary"></p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{{- end }}