All files / pages/categories _id.vue

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<template>
  <Products :products="this.products" :error="error" />
</template>

<script>
import { mapGetters } from "vuex";
import Products from "~/components/products/Products";
 
export default {
  layout: "club",
  components: { Products },
  data() {
    return {
      products: [],
      error: null,
    };
  },
  computed: { ...mapGetters({ categories: "categories/categories" }) },
  mounted() {
    const catgory = this.categories.filter(
      (item) => item.slug === this.$route.params.id
    );
 
    if (catgory.length) {
      this.products = catgory[0].products;
    }
  },
};
</script>