joshpj1

joshpj1

Member Since 1 Year Ago

Experience Points
150
Total
Experience

4,850 experience to go until the next level!

In case you were wondering, you earn Laracasts experience when you:

  • Complete a lesson — 100pts
  • Create a forum thread — 50pts
  • Reply to a thread — 10pts
  • Leave a reply that is liked — 50pts
  • Receive a "Best Reply" award — 500pts
Lessons Completed
0
Lessons
Completed
Best Reply Awards
0
Best Reply
Awards
  • start your engines Created with Sketch.

    Start Your Engines

    Earned once you have completed your first Laracasts lesson.

  • first-thousand Created with Sketch.

    First Thousand

    Earned once you have earned your first 1000 experience points.

  • 1-year Created with Sketch.

    One Year Member

    Earned when you have been with Laracasts for 1 year.

  • 2-years Created with Sketch.

    Two Year Member

    Earned when you have been with Laracasts for 2 years.

  • 3-years Created with Sketch.

    Three Year Member

    Earned when you have been with Laracasts for 3 years.

  • 4-years Created with Sketch.

    Four Year Member

    Earned when you have been with Laracasts for 4 years.

  • 5-years Created with Sketch.

    Five Year Member

    Earned when you have been with Laracasts for 5 years.

  • school-in-session Created with Sketch.

    School In Session

    Earned when at least one Laracasts series has been fully completed.

  • welcome-newcomer Created with Sketch.

    Welcome To The Community

    Earned after your first post on the Laracasts forum.

  • full-time-student Created with Sketch.

    Full Time Learner

    Earned once 100 Laracasts lessons have been completed.

  • pay-it-forward Created with Sketch.

    Pay It Forward

    Earned once you receive your first "Best Reply" award on the Laracasts forum.

  • subscriber Created with Sketch.

    Subscriber

    Earned if you are a paying Laracasts subscriber.

  • lifer Created with Sketch.

    Lifer

    Earned if you have a lifetime subscription to Laracasts.

  • evangelist Created with Sketch.

    Laracasts Evangelist

    Earned if you share a link to Laracasts on social media. Please email [email protected] with your username and post URL to be awarded this badge.

  • chatty-cathy Created with Sketch.

    Chatty Cathy

    Earned once you have achieved 500 forum replies.

  • lara-veteran Created with Sketch.

    Laracasts Veteran

    Earned once your experience points passes 100,000.

  • 10k-strong Created with Sketch.

    Ten Thousand Strong

    Earned once your experience points hits 10,000.

  • lara-master Created with Sketch.

    Laracasts Master

    Earned once 1000 Laracasts lessons have been completed.

  • laracasts-tutor Created with Sketch.

    Laracasts Tutor

    Earned once your "Best Reply" award count is 100 or more.

  • laracasts-sensei Created with Sketch.

    Laracasts Sensei

    Earned once your experience points passes 1 million.

  • top-50 Created with Sketch.

    Top 50

    Earned once your experience points ranks in the top 50 of all Laracasts users.

Level 1
150 XP
Mar
06
4 months ago
Activity icon

Started a new Conversation Vuex Mutation Not Accessible In Dynamic Module

I have created a module to grab api data and hold it for a vue component:

import Vue from 'vue';

export default {
    namespaced: true,

    state() {
        return {
            all: []
        }
    },

    getters: {
        all(state) {
            return state.all;
        }
    },

    mutations: {
        all(state, data) {
            Vue.set(state, 'all', data);
        },

        clear(state) {
            Vue.set(state, 'all', []);
        }
    },

    actions: {
        async init({ commit, state }) {
            let response = await this.axios.get('/api/v1/teams/', {
                params: {
                    includes: 'users'
                }
            });

            if (response.status === 200) {
                let data = response.data.data.filter(function (element) {
                    return element.users.length > 0;
                });

                commit('userTeamSelect/all', data, {root: true});
            } else {
                Vue.toasted.error('Could not fetch team data', {
                    duration: 10000
                });
            }
        }
    }
}

I have a component that is dynamically registering the module when it is created and removing the module from the store before it is deleted:

created() {
    if (this.$store.getters['userTeamSelect/all'] === undefined) {
        this.$store.registerModule('userTeamSelect', UserTeamSelectModule);
        this.$store.dispatch('userTeamSelect/init');
    }
},

beforeDestroy() {
    if (this.$store.getters['userTeamSelect/all'] !== undefined) {
         this.$store.commit('userTeamSelect/clear');
         this.$store.unregisterModule('userTeamSelect');
    }
},

When I navigate to a page where this component is used, I get the following error message in the console: [vuex] unknown mutation type: userTeamSelect/all

This mutation is only called within the init action of the dynamic module, so the problem must be there somewhere. I have tried calling it both locally commit('all', data) and globally commit('userTeamSelect/all', data, {root:true}) with no luck.

The module must have been added to the vuex store because I can call the action without issue. It just seems the mutation isn't being registered somehow? I would expect it to work fine, or recieve an error about an unknown action.

Can anyone point me in the right direction please?