Why isn't the computed property updated?

Question

Vue.js

computed: {
    ...mapGetters(['products', 'categories']),
    category () {
      return this.categories.find(category => category.id === this.$route.params.category)
    }
  },

When the component is mounted, the categories array is empty. An action is dispatched from another component on its mounted, and the categories is populated. However, category remains undefined as it was.
How is it customary to act in such cases? Thank you.

Answer 1

category.id === this.$route.params.category

I would guess the problem is here. Does an object exist with the id specified in $route.params.category? And doesn't it sound like you're trying to compare values ​​of different types? - let's say category.id is a number and params.category is a string.