<template>
  <aside class="catalog__side">
    <div class="catalog__menu">
      <div class="catalog-menu">
        <div class="catalog-menu__wrapper">
          <div class="catalog-menu__list">
            <nuxt-link
              :to="{
                name: 'news-category',
                params: { category: categoryLink.alias },
              }"
              class="catalog-menu__item catalog-menu__link"
              v-for="categoryLink in links"
              :key="categoryLink.alias"
              ><span>
                {{ categoryLink.name }}
              </span>
            </nuxt-link>
          </div>
        </div>
      </div>
    </div>
    <div class="catalog__side-banner">
      <BannersW240H400 />
    </div>
  </aside>
</template>

<script>
import { mapGetters } from "vuex";
export default {
  data() {
    return {
      menuList: [],
      script: ``,
    };
  },
  async asyncData({ store }) {
    await store.dispatch("setCategoriesList");
  },
  computed: {
    ...mapGetters({
      categoriesList: "modules/news/categoriesList",
    }),
    links() {
      let list = this.categoriesList.data.filter((link) => {
        return (
          link.alias !== "articles" &&
          link.alias !== "video" &&
          link.alias !== "slushay" &&
          link.alias !== "daily_news"
        );
      });
      return list;
    },
  },
};
</script>

<style>
</style>
