Add data resetting to vuex storage modules and use the functionality in page components

Author: VilppeRiskidev

src/pages/GameSelectionScreen.vue

@@ -327,7 +327,8 @@ export default class GameSelectionScreen extends Vue {
         await this.$store.dispatch('checkMigrations');
         this.runningMigration = false;
 
-        await this.$store.dispatch('resetProfileModule');
+        await this.$store.dispatch('resetLocalState');
+
         this.settings = await ManagerSettings.getSingleton(GameManager.defaultGame);
         const globalSettings = this.settings.getContext().global;
         this.favourites = globalSettings.favouriteGames || [];

src/pages/Profiles.vue

@@ -115,6 +115,10 @@ export default class Profiles extends ProfilesMixin {
         const settings = await this.$store.getters.settings;
         await settings.load();
 
+        await this.$store.commit('modFilters/reset');
+        await this.$store.commit('tsMods/reset');
+        await this.$store.commit('profile/reset');
+
         const lastProfileName = await this.$store.dispatch('profile/loadLastSelectedProfile');
 
         // If the view was entered via game selection, the mod list was updated

src/store/index.ts

@@ -70,10 +70,14 @@ export const store = {
             return settings;
         },
 
-        // TODO: Add reset actions for other modules
-        async resetProfileModule({dispatch}: Context) {
-            return await dispatch('profile/reset');
-        }
+        async resetLocalState({commit}: Context) {
+            return await Promise.all([
+                commit('profile/reset'),
+                commit('profiles/reset'),
+                commit('tsMods/reset'),
+                commit('modFilters/reset'),
+            ])
+        },
     },
     mutations: {
         setActiveGame(state: State, game: Game) {

src/store/modules/ModFilterModule.ts

@@ -1,4 +1,4 @@
-import { GetterTree } from 'vuex';
+import { ActionTree, GetterTree } from 'vuex';
 
 import { State as RootState } from '../index';
 
@@ -11,7 +11,7 @@ interface State {
 }
 
 /**
- * State for OnlineModList, i.e. list for all the mods available on Thunderstore.
+ * State for ModFilter, i.e. filters for mod listings.
  */
 export default {
     namespaced: true,

src/store/modules/ProfileModule.ts

@@ -14,7 +14,6 @@ import ManagerSettings from '../../r2mm/manager/ManagerSettings';
 import ModListSort from '../../r2mm/mods/ModListSort';
 import ProfileModList from '../../r2mm/mods/ProfileModList';
 import SearchUtils from '../../utils/SearchUtils';
-import GameManager from "../../model/game/GameManager";
 
 interface State {
     activeProfile: Profile | null;
@@ -120,7 +119,7 @@ export default {
     },
 
     mutations: {
-        resetLocalState(state: State) {
+        reset(state: State) {
             state.modList = [];
             state.order = undefined;
             state.direction = undefined;
@@ -302,10 +301,6 @@ export default {
             commit('setDisabledPosition', settings.getInstalledDisablePosition());
         },
 
-        async reset({commit}) {
-            commit('resetLocalState');
-        },
-
         async resolveConflicts(
             {},
             params: {

src/store/modules/ProfilesModule.ts

@@ -23,6 +23,9 @@ export const ProfilesModule = {
         setProfileList(state: State, profileList: string[]) {
             state.profileList = profileList;
         },
+        reset(state: State) {
+            state.profileList = ['Default'];
+        },
     },
     actions: <ActionTree<State, RootState>>{
         async addProfile({rootGetters, state, dispatch}, name: string) {

src/store/modules/TsModsModule.ts

@@ -116,6 +116,14 @@ export const TsModsModule = {
     },
 
     mutations: <MutationTree<State>>{
+        reset(state: State) {
+            state.cache = new Map<string, CachedMod>();
+            state.connectionError = '';
+            state.deprecated = new Map<string, boolean>();
+            state.exclusions = [];
+            state.mods = [];
+            state.modsLastUpdated = undefined;
+        },
         clearModCache(state) {
             state.cache.clear();
         },