Home

Hello,
I’ve almoust finished my app in Vuejs and now I decided to “rewrite” everything on Nuxt due to SSR 😃
I almoust get everything but there is this getter thing I am not getting… I can’t make it around even though I tried so hard and I am not sure what I am missing.

I am using vuex module so my /store/categories.js looks

export const state = () =>  ({
  categories: [
  	{
    	  name: 'category 1',
         id: '1'
         subcategories: [
      	{
           name: 'Subcategory 1',
            id: '1.1'
        }
      ]
    },
    {
      name: 'category 2',
      id: '2',
      subcategories: [
      	{
          name: 'Subcategory 2',
          id: '1.1'
        }
      ]
    }
  ]
})
export const getters = () => ({
filterCategory() {
    return state.categories
  },
})

This is a simple getter above and I can’t even make this work…

And here is my posts/test.vue page

<template>
  <div>
    <p>{{ filter }} </p>
    <p>{{ mainCategories }} </p>
  </div>
</template>
<script>

import { mapGetters } from 'vuex'

export default {
  name: 'test',
  layout: 'test',
  data () {
    return {
      search: '',
    }
  },
  computed: {
    ...mapGetters({
      filter: 'categories/filterCategory'
    }),
    mainCategories () {
      return this.$store.getters['main/filterpazari']
    }
  },
}
</script>

What am I missing ?