<template>
  <component-listing
    id="groups-news-listing"
    :pagination="false"
    :fractions="1"
    :static-data="news"
  >
    <template #default="{ item }">
      <Resume
        v-bind="item"
        :key="item.uuid"
        :to="{ name: 'NewsPage', params: { slug: item.slug[0] } }"
        date-key="published_at"
      />
    </template>
  </component-listing>
</template>

<script>
import Resume from '@inside-news/components/lib/Resume'

export default {
  name: 'GroupsNewsListing',
  components: { Resume },
  props: {
    news: {
      type: Array,
      required: true
    }
  }
}
</script>
