<template>
  <div class="subjects-item">
    <nuxt-link :to="getNewsItemLink(moduleNews)" class="subjects-item__link" >
      <div class="subjects-item__title" v-html="moduleNews.title"></div>
      <div class="subjects-item__comments" v-if="moduleNews.comments_count && moduleNews.comments_count > 0">
        <BaseIcon :name="'comments'" clear /><span class="subjects-item__comments-text" v-html="moduleNews.comments_count"></span>
      </div>
    </nuxt-link>
  </div>
</template>

<script>
import global from "@/mixins/global";

export default {
  mixins: [global],

  props: {
    moduleNews: {
      type: Object,
    },
  },
  methods: {
    
  }
};
</script>

<style lang="less">
  .subjects-item{
    &__comments{
      .icon{
        fill: #fff;
        width: 10px;
        height: 10px;
      }
    }
    &__comments-text{
      color: #fff;
      font-size: 12px;
      margin-left: 7px;
    }
  }
</style>