diff --git a/CHANGELOG.md b/CHANGELOG.md
index b6ccf54ef..1d1fe9392 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,18 @@
+### 3.1.48
+- Games added:
+  - Content Warning
+  - Plasma
+  - MS store support for Bomb Rush Cyberfunk
+- Profile code exports now have a size restriction
+- Fixes for Voices of the Void
+- Other general fixes/improvements
+
+_Contributions:_
+- _anttimaki_
+- _cspotcode_
+- _Oksamies_
+- _ethangreen-dev_
+
 ### 3.1.47
 - Significant performance improvements
 - Games added:
diff --git a/package.json b/package.json
index 272fc2540..0c47c831f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "r2modman",
-    "version": "3.1.47",
+    "version": "3.1.48",
     "description": "A simple and easy to use mod manager for several games using Thunderstore.",
     "productName": "r2modman",
     "author": "ebkr",
diff --git a/src/App.vue b/src/App.vue
index f266cc52f..c7eaccac0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,25 +1,7 @@
 <template>
     <div>
-
-        <router-view @error="showError" v-if="visible"/>
-
-        <div id='errorModal' :class="['modal', 'z-top', {'is-active':(errorMessage !== '')}]">
-            <div class="modal-background" @click="closeErrorModal()"></div>
-            <div class='modal-content'>
-                <div class='notification is-danger'>
-                    <h3 class='title'>Error</h3>
-                    <h5 class="title is-5">{{errorMessage}}</h5>
-                    <p>{{errorStack}}</p>
-                    <div v-if="errorSolution !== ''">
-                        <br/>
-                        <h5 class="title is-5">Suggestion</h5>
-                        <p>{{errorSolution}}</p>
-                    </div>
-                </div>
-            </div>
-            <button class="modal-close is-large" aria-label="close" @click="closeErrorModal()"></button>
-        </div>
-
+        <router-view v-if="visible"/>
+        <ErrorModal />
     </div>
 </template>
 
@@ -64,23 +46,23 @@ import GenericProfileInstaller from './r2mm/installing/profile_installers/Generi
 import ConnectionProviderImpl from './r2mm/connection/ConnectionProviderImpl';
 import ConnectionProvider from './providers/generic/connection/ConnectionProvider';
 import UtilityMixin from './components/mixins/UtilityMixin.vue';
+import ErrorModal from './components/modals/ErrorModal.vue';
 
-@Component
+@Component({
+    components: {
+        ErrorModal,
+    }
+})
 export default class App extends mixins(UtilityMixin) {
-    private settings: ManagerSettings | null = null;
     private visible: boolean = false;
 
     async created() {
-        // Use as default game for settings load.
-        GameManager.activeGame = GameManager.unsetGame();
+        // Load settings using the default game before the actual game is selected.
+        const settings: ManagerSettings = await this.$store.dispatch('setActiveGame', GameManager.defaultGame);
 
         this.hookThunderstoreModListRefresh();
-        this.hookProfileModListRefresh();
         await this.checkCdnConnection();
 
-        const settings = await ManagerSettings.getSingleton(GameManager.activeGame);
-        this.settings = settings;
-
         InstallationRuleApplicator.apply();
         InstallationRules.validate();
 
diff --git a/src/_managerinf/ManagerInformation.ts b/src/_managerinf/ManagerInformation.ts
index 51d95a700..5cbed4022 100644
--- a/src/_managerinf/ManagerInformation.ts
+++ b/src/_managerinf/ManagerInformation.ts
@@ -1,7 +1,7 @@
 import VersionNumber from '../model/VersionNumber';
 
 export default class ManagerInformation {
-    public static VERSION: VersionNumber = new VersionNumber('3.1.47');
+    public static VERSION: VersionNumber = new VersionNumber('3.1.48');
     public static IS_PORTABLE: boolean = false;
     public static APP_NAME: string = "r2modman";
 }
diff --git a/src/assets/images/game_selection/ContentWarning.png b/src/assets/images/game_selection/ContentWarning.png
new file mode 100644
index 000000000..8ba40ba62
Binary files /dev/null and b/src/assets/images/game_selection/ContentWarning.png differ
diff --git a/src/assets/images/game_selection/Plasma.jpg b/src/assets/images/game_selection/Plasma.jpg
new file mode 100644
index 000000000..3da5b0b7b
Binary files /dev/null and b/src/assets/images/game_selection/Plasma.jpg differ
diff --git a/src/components/ExpandableCard.vue b/src/components/ExpandableCard.vue
index 4792af1f6..0dff0b28f 100644
--- a/src/components/ExpandableCard.vue
+++ b/src/components/ExpandableCard.vue
@@ -7,7 +7,7 @@
                         <div class='card-header-icon mod-logo' v-if="image !== ''">
                             <figure class='image is-48x48 image-parent'>
                                 <img :src='image' alt='Mod Logo' class='image-overlap'/>
-                                <img v-if="funkyMode" src='../assets/funky_mode.png' alt='Mod Logo' class='image-overlap'/>
+                                <img v-if="$store.state.profile.funkyMode" src='../assets/funky_mode.png' alt='Mod Logo' class='image-overlap'/>
                             </figure>
                         </div>
                         <span ref="title" class='card-header-title'><slot name='title'></slot></span>
@@ -56,13 +56,7 @@
         id: string | undefined;
 
         @Prop({default: false})
-        funkyMode: boolean | undefined;
-
-        @Prop({default: false})
-        expandedByDefault: boolean | undefined;
-
-        @Prop({default: false})
-        showSort: boolean | undefined;
+        allowSorting: boolean | undefined;
 
         @Prop({default: true})
         enabled: boolean | undefined;
@@ -70,7 +64,11 @@
         // Keep track of visibility
         visible: boolean | undefined = false;
 
-        @Watch('expandedByDefault')
+        get showSort() {
+            return this.allowSorting && this.$store.getters["profile/canSortMods"];
+        }
+
+        @Watch('$store.state.profile.expandedByDefault')
         visibilityChanged(current: boolean) {
             this.visible = current;
         }
@@ -80,7 +78,8 @@
         }
 
         async created() {
-            this.visible = this.expandedByDefault;
+            await this.$store.dispatch('profile/loadModCardSettings');
+            this.visible = this.$store.state.profile.expandedByDefault;
         }
     }
 </script>
diff --git a/src/components/SettingsLoader.vue b/src/components/SettingsLoader.vue
index 85b6a4c1f..a0192eb0b 100644
--- a/src/components/SettingsLoader.vue
+++ b/src/components/SettingsLoader.vue
@@ -173,14 +173,12 @@ export default class SettingsLoader extends Vue {
 }
 
 const getDefaultGame = () => {
-    const defaultGame = GameManager.unsetGame();
-
-    // Don't trust the non-null asserted typing of .unsetGame().
-    if (defaultGame === undefined) {
-        throw new Error("GameManager.unsetGame() returned undefined");
+    // Don't trust the non-null asserted typing of GameManager.defaultGame.
+    if (GameManager.defaultGame === undefined) {
+        throw new Error("GameManager.defaultGame returned undefined");
     }
 
-    return defaultGame;
+    return GameManager.defaultGame;
 };
 
 </script>
diff --git a/src/components/config-components/ConfigSelectionLayout.vue b/src/components/config-components/ConfigSelectionLayout.vue
index e319d2cec..e99564998 100644
--- a/src/components/config-components/ConfigSelectionLayout.vue
+++ b/src/components/config-components/ConfigSelectionLayout.vue
@@ -145,9 +145,9 @@ import ProfileModList from '../../r2mm/mods/ProfileModList';
                 this.configFiles = this.configFiles.filter(value => value.getName() !== file.getName());
                 this.textChanged();
             } catch (e) {
-                this.$emit("error", new R2Error(
+                this.$store.commit("error/handleError", R2Error.fromThrownValue(
+                    e,
                     "Failed to delete config file",
-                    (e as Error).message,
                     `Try running ${ManagerInformation.APP_NAME} as an administrator.`
                 ));
             }
diff --git a/src/components/importing/LocalFileImportModal.vue b/src/components/importing/LocalFileImportModal.vue
index 2973d9ef9..7e67ac4f3 100644
--- a/src/components/importing/LocalFileImportModal.vue
+++ b/src/components/importing/LocalFileImportModal.vue
@@ -289,15 +289,15 @@ export default class LocalFileImportModal extends Vue {
 
         const installCallback = (async (success: boolean, error: any | null) => {
             if (!success && error !== null) {
-                this.showError(error);
+                this.$store.commit("error/handleError", R2Error.fromThrownValue(error));
                 return;
             }
             const updatedModListResult = await ProfileModList.getModList(this.contextProfile!);
             if (updatedModListResult instanceof R2Error) {
-                this.showError(updatedModListResult);
+                this.$store.commit("error/handleError", updatedModListResult);
                 return;
             }
-            await this.$store.dispatch("updateModList", updatedModListResult);
+            await this.$store.dispatch("profile/updateModList", updatedModListResult);
             this.emitClose();
         });
 
@@ -308,10 +308,6 @@ export default class LocalFileImportModal extends Vue {
         }
     }
 
-    private showError(err: R2Error) {
-        this.$emit("error", err);
-    }
-
     created() {
         this.contextProfile = Profile.getActiveProfile();
     }
diff --git a/src/components/mixins/UtilityMixin.vue b/src/components/mixins/UtilityMixin.vue
index f40317c14..a8bb44787 100644
--- a/src/components/mixins/UtilityMixin.vue
+++ b/src/components/mixins/UtilityMixin.vue
@@ -3,58 +3,19 @@ import Vue from 'vue';
 import Component from 'vue-class-component';
 
 import R2Error from '../../model/errors/R2Error';
-import GameManager from '../../model/game/GameManager';
-import Profile from '../../model/Profile';
 import CdnProvider from '../../providers/generic/connection/CdnProvider';
-import LoggerProvider, { LogSeverity } from '../../providers/ror2/logging/LoggerProvider';
 import ThunderstorePackages from '../../r2mm/data/ThunderstorePackages';
-import ProfileModList from '../../r2mm/mods/ProfileModList';
 import ApiCacheUtils from '../../utils/ApiCacheUtils';
 
 @Component
 export default class UtilityMixin extends Vue {
-    private errorMessage: string = '';
-    private errorStack: string = '';
-    private errorSolution: string = '';
     readonly REFRESH_INTERVAL = 5 * 60 * 1000;
     private tsRefreshFailed = false;
 
-    showError(error: R2Error) {
-        this.errorMessage = error.name;
-        this.errorStack = error.message;
-        this.errorSolution = error.solution;
-        LoggerProvider.instance.Log(LogSeverity.ERROR, `[${error.name}]: ${error.message}`);
-    }
-
-    closeErrorModal() {
-        this.errorMessage = '';
-        this.errorStack = '';
-        this.errorSolution = '';
-    }
-
-    hookProfileModListRefresh() {
-        setInterval(this.refreshProfileModList, this.REFRESH_INTERVAL);
-    }
-
     hookThunderstoreModListRefresh() {
         setInterval(this.tryRefreshThunderstoreModList, this.REFRESH_INTERVAL);
     }
 
-    async refreshProfileModList() {
-        const profile = Profile.getActiveProfile();
-
-        // If no profile is selected on game selection then getActiveProfile will return undefined.
-        if (profile === undefined) {
-            return;
-        }
-
-        const modList = await ProfileModList.getModList(profile);
-
-        if (!(modList instanceof R2Error)) {
-            this.$store.dispatch("updateModList", modList);
-        }
-    }
-
     async refreshThunderstoreModList() {
         // Don't do background update on index route since the game
         // isn't really chosen yet, nor in the splash screen since it
@@ -65,9 +26,10 @@ export default class UtilityMixin extends Vue {
             return;
         }
 
-        const response = await ThunderstorePackages.update(GameManager.activeGame);
+        const response = await ThunderstorePackages.update(this.$store.state.activeGame);
         await ApiCacheUtils.storeLastRequest(response.data);
         await this.$store.dispatch("updateThunderstoreModList", ThunderstorePackages.PACKAGES);
+        await this.$store.dispatch("profile/tryLoadModListFromDisk");
     }
 
     /**
@@ -101,7 +63,7 @@ export default class UtilityMixin extends Vue {
             await CdnProvider.checkCdnConnection();
         } catch (error: unknown) {
             if (error instanceof R2Error) {
-                this.showError(error);
+                this.$store.commit('error/handleError', error);
             } else {
                 console.error(error);
             }
diff --git a/src/components/modals/ErrorModal.vue b/src/components/modals/ErrorModal.vue
new file mode 100644
index 000000000..b8cd429be
--- /dev/null
+++ b/src/components/modals/ErrorModal.vue
@@ -0,0 +1,51 @@
+<script lang="ts">
+import { Component, Vue } from "vue-property-decorator";
+import R2Error from "../../model/errors/R2Error";
+
+@Component
+export default class ErrorModal extends Vue {
+    get error(): R2Error | null {
+        return this.$store.state.error.error;
+    }
+
+    get name() {
+        return this.error ? this.error.name : '';
+    }
+
+    get message() {
+        return this.error ? this.error.message : '';
+    }
+
+    get solution() {
+        return this.error ? this.error.solution : '';
+    }
+
+    close() {
+        this.$store.commit('error/discardError');
+    }
+}
+</script>
+
+<template>
+    <div v-if="error !== null" id="errorModal" class="modal z-top is-active">
+        <div class="modal-background" @click="close"></div>
+        <div class="modal-content">
+            <div class="notification is-danger">
+                <h3 class="title">Error</h3>
+                <h5 class="title is-5">{{name}}</h5>
+                <p>{{message}}</p>
+                <div v-if="solution">
+                    <h5 class="title is-5">Suggestion</h5>
+                    <p>{{solution}}</p>
+                </div>
+            </div>
+        </div>
+        <button class="modal-close is-large" aria-label="close" @click="close"></button>
+    </div>
+</template>
+
+<style scoped lang="scss">
+    p + div {
+        margin-top: 1.5rem;
+    }
+</style>
diff --git a/src/components/navigation/NavigationLayout.vue b/src/components/navigation/NavigationLayout.vue
index d7801328f..73d42c911 100644
--- a/src/components/navigation/NavigationLayout.vue
+++ b/src/components/navigation/NavigationLayout.vue
@@ -1,10 +1,10 @@
 <template>
     <div id="content" class="columns">
         <div class="column non-selectable is-one-quarter">
-            <NavigationMenu @error="$emit('error', $event)" />
+            <NavigationMenu />
         </div>
         <div class="column">
-            <router-view @error="$emit('error', $event)" />
+            <router-view />
         </div>
         <GameRunningModal :activeGame="activeGame" />
     </div>
@@ -22,7 +22,7 @@ import GameManager from '../../model/game/GameManager';
     components: {GameRunningModal, NavigationMenu}
 })
 export default class NavigationLayout extends Vue {
-    activeGame = GameManager.unsetGame();
+    activeGame = GameManager.defaultGame;
 
     created() {
         this.activeGame = GameManager.activeGame;
diff --git a/src/components/navigation/NavigationMenu.vue b/src/components/navigation/NavigationMenu.vue
index db41a7cb7..ade61a2db 100644
--- a/src/components/navigation/NavigationMenu.vue
+++ b/src/components/navigation/NavigationMenu.vue
@@ -91,7 +91,7 @@ export default class NavigationMenu extends Vue {
     }
 
     get localModCount(): number {
-        return (this.$store.state.localModList || []).length;
+        return this.$store.state.profile.modList.length;
     }
 
     getTagLinkClasses(routeNames: string[]) {
@@ -111,14 +111,9 @@ export default class NavigationMenu extends Vue {
             this.$store.commit("openGameRunningModal");
             await launch(this.activeGame, this.contextProfile!, mode);
         } catch (error) {
-            if (error instanceof R2Error) {
-                this.$store.commit("closeGameRunningModal");
-                this.$emit("error", error);
-            } else {
-                throw error;
-            }
+            this.$store.commit("closeGameRunningModal");
+            this.$store.commit("error/handleError", R2Error.fromThrownValue(error));
         }
-
     }
 
     created() {
diff --git a/src/components/settings-components/SettingsView.vue b/src/components/settings-components/SettingsView.vue
index 1791010bd..5d84b02cf 100644
--- a/src/components/settings-components/SettingsView.vue
+++ b/src/components/settings-components/SettingsView.vue
@@ -87,7 +87,7 @@ import UtilityMixin from '../mixins/UtilityMixin.vue';
         private activeGame!: Game;
 
         get localModList(): ManifestV2[] {
-            return this.$store.state.localModList || [];
+            return this.$store.state.profile.modList;
         }
 
         get appName(): string {
@@ -247,7 +247,7 @@ import UtilityMixin from '../mixins/UtilityMixin.vue';
                 'Update all mods',
                 'Quickly update every installed mod to their latest versions.',
                 async () => {
-                    const outdatedMods = this.$store.getters.localModsWithUpdates;
+                    const outdatedMods = this.$store.getters['profile/modsWithUpdates'];
                     if (outdatedMods.length === 1) {
                         return "1 mod has an update available";
                     }
@@ -316,7 +316,6 @@ import UtilityMixin from '../mixins/UtilityMixin.vue';
 
                         try {
                             await this.refreshThunderstoreModList();
-                            this.emitInvoke("RefreshedThunderstorePackages");
                         } catch (e) {
                             const err = e instanceof Error ? e.message : "Unknown error";
                             await this.$store.dispatch("updateApiConnectionError", err);
diff --git a/src/components/views/DownloadModModal.vue b/src/components/views/DownloadModModal.vue
index 8f4047e20..54d061981 100644
--- a/src/components/views/DownloadModModal.vue
+++ b/src/components/views/DownloadModModal.vue
@@ -81,7 +81,7 @@
                         <p>The following mods will be downloaded and installed:</p>
                         <br/>
                         <ul class="list">
-                            <li class="list-item" v-for='(key, index) in $store.getters.localModsWithUpdates'
+                            <li class="list-item" v-for='(key, index) in $store.getters["profile/modsWithUpdates"]'
                                 :key='`to-update-${index}-${key.getVersion().getFullName()}`'>
                                 {{key.getVersion().getName()}} will be updated to: {{key.getVersion().getVersionNumber().toString()}}
                             </li>
@@ -247,7 +247,7 @@ let assignId = 0;
             const localMods = await ProfileModList.getModList(this.contextProfile!);
             if (localMods instanceof R2Error) {
                 this.downloadingMod = false;
-                this.$emit('error', localMods);
+                this.$store.commit('error/handleError', localMods);
                 return;
             }
             const outdatedMods = localMods.filter(mod => !ModBridge.isCachedLatestVersion(mod));
@@ -270,7 +270,7 @@ let assignId = 0;
                         const existing = DownloadModModal.allVersions[assignIndex]
                         existing[1].failed = true;
                         this.$set(DownloadModModal.allVersions, assignIndex, [currentAssignId, existing[1]]);
-                        this.$emit('error', err);
+                        this.$store.commit('error/handleError', err);
                         return;
                     }
                 } else if (status === StatusEnum.PENDING) {
@@ -299,10 +299,10 @@ let assignId = 0;
                     this.downloadingMod = false;
                     const modList = await ProfileModList.getModList(this.contextProfile!);
                     if (!(modList instanceof R2Error)) {
-                        await this.$store.dispatch('updateModList', modList);
+                        await this.$store.dispatch('profile/updateModList', modList);
                         const err = await ConflictManagementProvider.instance.resolveConflicts(modList, this.contextProfile!);
                         if (err instanceof R2Error) {
-                            this.$emit('error', err);
+                            this.$store.commit('error/handleError', err);
                         }
                     }
                 });
@@ -331,7 +331,7 @@ let assignId = 0;
                             const existing = DownloadModModal.allVersions[assignIndex]
                             existing[1].failed = true;
                             this.$set(DownloadModModal.allVersions, assignIndex, [currentAssignId, existing[1]]);
-                            this.$emit('error', err);
+                            this.$store.commit('error/handleError', err);
                             return;
                         }
                     } else if (status === StatusEnum.PENDING) {
@@ -360,10 +360,10 @@ let assignId = 0;
                         this.downloadingMod = false;
                         const modList = await ProfileModList.getModList(this.contextProfile!);
                         if (!(modList instanceof R2Error)) {
-                            await this.$store.dispatch('updateModList', modList);
+                            await this.$store.dispatch('profile/updateModList', modList);
                             const err = await ConflictManagementProvider.instance.resolveConflicts(modList, this.contextProfile!);
                             if (err instanceof R2Error) {
-                                this.$emit('error', err);
+                                this.$store.commit('error/handleError', err);
                             }
                         }
                     });
diff --git a/src/components/views/InstalledModView.vue b/src/components/views/InstalledModView.vue
index edc65e0b6..29131de5d 100644
--- a/src/components/views/InstalledModView.vue
+++ b/src/components/views/InstalledModView.vue
@@ -16,8 +16,7 @@
             </div>
         </div>
         <template v-else-if="localModList.length > 0">
-            <LocalModList
-                @error="$emit('error', $event)">
+            <LocalModList>
                 <template v-slot:above-list v-if="numberOfModsWithUpdates > 0 && !dismissedUpdateAll">
                     <div class="margin-bottom">
                         <div class="notification is-warning margin-right">
@@ -42,7 +41,6 @@ import Component from "vue-class-component";
 
 import ManifestV2 from "../../model/ManifestV2";
 import LocalModListProvider from "../../providers/components/loaders/LocalModListProvider";
-import ThunderstoreDownloaderProvider from "../../providers/ror2/downloading/ThunderstoreDownloaderProvider";
 
 @Component({
     components: {
@@ -56,11 +54,11 @@ export default class InstalledModView extends Vue {
     }
 
     get localModList(): ManifestV2[] {
-        return this.$store.state.localModList;
+        return this.$store.state.profile.modList;
     }
 
     get numberOfModsWithUpdates(): number {
-        return this.$store.getters.localModsWithUpdates.length;
+        return this.$store.getters['profile/modsWithUpdates'].length;
     }
 };
 </script>
diff --git a/src/components/views/LocalModList.vue b/src/components/views/LocalModList.vue
index 59793bfda..7a56e47e3 100644
--- a/src/components/views/LocalModList.vue
+++ b/src/components/views/LocalModList.vue
@@ -1,34 +1,9 @@
 <template>
     <div>
         <SearchAndSort />
-
-        <DisableModModal
-            v-if="dependencyListDisplayType === 'disable' && !!selectedManifestMod && showingDependencyList"
-            :on-close="() => { showingDependencyList = false; }"
-            :mod="selectedManifestMod"
-            :dependency-list="getDependencyList(selectedManifestMod)"
-            :dependants-list="getDependantList(selectedManifestMod)"
-            :mod-being-disabled="modBeingDisabled"
-            :on-disable-include-dependents ="disableModWithDependents"
-            :on-disable-exclude-dependents="disableModExcludeDependents"
-        />
-        <UninstallModModal
-            v-if="dependencyListDisplayType === 'uninstall' && !!selectedManifestMod && showingDependencyList"
-            :on-close="() => { showingDependencyList = false; }"
-            :mod="selectedManifestMod"
-            :dependency-list="getDependencyList(selectedManifestMod)"
-            :dependants-list="getDependantList(selectedManifestMod)"
-            :mod-being-uninstalled="modBeingUninstalled"
-            :on-uninstall-include-dependents="uninstallModWithDependents"
-            :on-uninstall-exclude-dependents="uninstallModExcludeDependents"
-        />
-        <AssociatedModsModal
-            v-if="dependencyListDisplayType === 'view' && !!selectedManifestMod && showingDependencyList"
-            :on-close="() => { showingDependencyList = false; }"
-            :mod="selectedManifestMod"
-            :dependency-list="getDependencyList(selectedManifestMod)"
-            :dependants-list="getDependantList(selectedManifestMod)"
-        />
+        <DisableModModal />
+        <UninstallModModal />
+        <AssociatedModsModal />
 
         <slot name="above-list"></slot>
 
@@ -39,42 +14,21 @@
                    :scroll-sensitivity="100">
             <local-mod-card
                 v-for='(mod, index) in draggableList'
-                :key="`local-${mod.getName()}-${profileName}-${index}-${cardExpanded}`"
-                :mod="mod"
-                @disableMod="disableModRequireConfirmation"
-                @enableMod="enableMod"
-                @uninstallMod="uninstallModRequireConfirmation"
-                @updateMod="updateMod"
-                @viewDependencyList="viewDependencyList"
-                @downloadDependency="downloadDependency"
-                :expandedByDefault="cardExpanded"
-                :showSort="$store.getters['profile/canSortMods']"
-                :funkyMode="funkyMode" />
+                :key="`local-${profile.getProfileName()}-${mod.getName()}-${index}`"
+                :mod="mod" />
         </draggable>
 
         <slot name="below-list"></slot>
-
     </div>
 </template>
 
 <script lang="ts">
 
+import Draggable from 'vuedraggable';
 import { Component, Vue } from 'vue-property-decorator';
 import ManifestV2 from '../../model/ManifestV2';
-import ProfileModList from '../../r2mm/mods/ProfileModList';
 import R2Error from '../../model/errors/R2Error';
-import ManagerSettings from '../../r2mm/manager/ManagerSettings';
-import ModBridge from '../../r2mm/mods/ModBridge';
-import DependencyListDisplayType from '../../model/enums/DependencyListDisplayType';
-import Dependants from '../../r2mm/mods/Dependants';
-import ProfileInstallerProvider from '../../providers/ror2/installing/ProfileInstallerProvider';
-import LoggerProvider, { LogSeverity } from '../../providers/ror2/logging/LoggerProvider';
 import Profile from '../../model/Profile';
-import ThunderstoreMod from '../../model/ThunderstoreMod';
-import GameManager from '../../model/game/GameManager';
-import Game from '../../model/game/Game';
-import ConflictManagementProvider from '../../providers/generic/installing/ConflictManagementProvider';
-import Draggable from 'vuedraggable';
 import AssociatedModsModal from './LocalModList/AssociatedModsModal.vue';
 import DisableModModal from './LocalModList/DisableModModal.vue';
 import UninstallModModal from './LocalModList/UninstallModModal.vue';
@@ -92,281 +46,23 @@ import SearchAndSort from './LocalModList/SearchAndSort.vue';
         }
     })
     export default class LocalModList extends Vue {
-        private activeGame: Game | null = null;
-        settings: ManagerSettings = new ManagerSettings();
-
-        private cardExpanded: boolean = false;
-        private funkyMode: boolean = false;
-
-        get thunderstorePackages(): ThunderstoreMod[] {
-            return this.$store.state.thunderstoreModList || [];
+        get profile(): Profile {
+            return this.$store.getters['profile/activeProfile'];
         }
 
-        private showingDependencyList: boolean = false;
-        private selectedManifestMod: ManifestV2 | null = null;
-        private dependencyListDisplayType: string = 'view';
-        private modBeingUninstalled: string | null = null;
-        private modBeingDisabled: string | null = null;
-
-        // Context
-        private contextProfile: Profile | null = null;
-
-        get draggableList() {
+        get draggableList(): ManifestV2[] {
             return this.$store.getters['profile/visibleModList'];
         }
 
         set draggableList(newList: ManifestV2[]) {
-            ProfileModList.requestLock(async () => {
-                const result = await ProfileModList.saveModList(this.contextProfile!, newList);
-                if (result instanceof R2Error) {
-                    this.emitError(result);
-                    return;
-                }
-                this.updateModListAfterChange(newList);
-            })
-        }
-
-        get profileName() {
-            return this.contextProfile!.getProfileName();
-        }
-
-        async updateModListAfterChange(updatedList: ManifestV2[]) {
-            await this.$store.dispatch("updateModList", updatedList);
-
-            const err = await ConflictManagementProvider.instance.resolveConflicts(updatedList, this.contextProfile!);
-            if (err instanceof R2Error) {
-                this.$emit('error', err);
-            }
-        }
-
-        getDependantList(mod: ManifestV2): Set<ManifestV2> {
-            return Dependants.getDependantList(mod, this.$store.state.localModList);
-        }
-
-        getDependencyList(mod: ManifestV2): Set<ManifestV2> {
-            return Dependants.getDependencyList(mod, this.$store.state.localModList);
-        }
-
-        async performUninstallMod(mod: ManifestV2, updateModList=true): Promise<ManifestV2[] | R2Error> {
-            const uninstallError: R2Error | null = await ProfileInstallerProvider.instance.uninstallMod(mod, this.contextProfile!);
-            if (uninstallError instanceof R2Error) {
-                // Uninstall failed
-                this.showingDependencyList = false;
-                this.$emit('error', uninstallError);
-                return uninstallError;
-            }
-            const modList: ManifestV2[] | R2Error = await ProfileModList.removeMod(mod, this.contextProfile!);
-            if (modList instanceof R2Error) {
-                // Failed to remove mod from local list.
-                this.showingDependencyList = false;
-                this.$emit('error', modList);
-                return modList;
-            }
-            if (updateModList) {
-                await this.updateModListAfterChange(modList);
-            }
-            return modList;
-        }
-
-        async disableModWithDependents(mod: ManifestV2) {
-            await this.disableMods([...this.getDependantList(mod), mod]);
-        }
-
-        async disableModExcludeDependents(mod: ManifestV2) {
-            await this.disableMods([mod]);
-        }
-
-        async disableMods(modsToDisable: ManifestV2[]) {
             try {
-                const result = await this.performDisable(modsToDisable);
-                if (result instanceof R2Error) {
-                    this.$emit('error', result);
-                    return;
-                }
-            } catch (e) {
-                // Failed to disable mod.
-                const err: Error = e as Error;
-                this.$emit("error", err);
-                LoggerProvider.instance.Log(LogSeverity.ACTION_STOPPED, `${err.name}\n-> ${err.message}`);
-            } finally {
-                this.selectedManifestMod = null;
-                this.modBeingDisabled = null;
-            }
-        }
-
-        async performDisable(mods: ManifestV2[]): Promise<R2Error | void> {
-            this.modBeingDisabled = null;
-            for (let mod of mods) {
-                this.modBeingDisabled = mod.getName();
-                const disableErr: R2Error | void = await ProfileInstallerProvider.instance.disableMod(mod, this.contextProfile!);
-                if (disableErr instanceof R2Error) {
-                    // Failed to disable
-                    this.showingDependencyList = false;
-                    this.modBeingDisabled = null;
-                    this.$emit('error', disableErr);
-                    return disableErr;
-                }
-            }
-            const updatedList = await ProfileModList.updateMods(mods, this.contextProfile!, (updatingMod: ManifestV2) => {
-                updatingMod.disable();
-            });
-            if (updatedList instanceof R2Error) {
-                // Failed to update mod list.
-                this.showingDependencyList = false;
-                this.modBeingDisabled = null;
-                this.$emit('error', updatedList);
-                return updatedList;
-            }
-            this.modBeingDisabled = null;
-            await this.updateModListAfterChange(updatedList);
-        }
-
-        async uninstallModWithDependents(mod: ManifestV2) {
-            await this.uninstallMods([...this.getDependantList(mod), mod]);
-        }
-
-        async uninstallModExcludeDependents(mod: ManifestV2) {
-            await this.uninstallMods([mod]);
-        }
-
-        async uninstallMods(modsToUninstall: ManifestV2[]) {
-            let lastSuccess: ManifestV2[] | null = null;
-            try {
-                for (const mod of modsToUninstall) {
-                    this.modBeingUninstalled = mod.getName();
-                    const result = await this.performUninstallMod(mod, false);
-                    if (result instanceof R2Error) {
-                        this.$emit('error', result);
-                        this.modBeingUninstalled = null;
-                        return;
-                    } else {
-                        lastSuccess = result;
-                    }
-                }
-            } catch (e) {
-                // Failed to uninstall mod.
-                const err: Error = e as Error;
-                this.$emit('error', err);
-                LoggerProvider.instance.Log(LogSeverity.ACTION_STOPPED, `${err.name}\n-> ${err.message}`);
-            } finally {
-                this.modBeingUninstalled = null;
-                if (lastSuccess) {
-                    await this.updateModListAfterChange(lastSuccess);
-                }
-            }
-            this.selectedManifestMod = null;
-            const result: ManifestV2[] | R2Error = await ProfileModList.getModList(this.contextProfile!);
-            if (result instanceof R2Error) {
-                this.$emit('error', result);
-                return;
-            }
-            await this.updateModListAfterChange(result);
-        }
-
-        showDependencyList(mod: ManifestV2, displayType: string) {
-            this.selectedManifestMod = mod;
-            this.dependencyListDisplayType = displayType;
-            this.showingDependencyList = true;
-        }
-
-        uninstallModRequireConfirmation(mod: ManifestV2) {
-            if (this.getDependantList(mod).size === 0) {
-                this.performUninstallMod(mod);
-            } else {
-                this.showDependencyList(mod, DependencyListDisplayType.UNINSTALL);
-            }
-        }
-
-        disableModRequireConfirmation(mod: ManifestV2) {
-            for (const value of this.getDependantList(mod)) {
-               if (value.isEnabled()) {
-                   this.showDependencyList(mod, DependencyListDisplayType.DISABLE);
-                   return;
-               }
-            }
-            this.performDisable([mod]);
-        }
-
-        viewDependencyList(mod: ManifestV2) {
-            this.showDependencyList(mod, DependencyListDisplayType.VIEW);
-        }
-
-        async enableMod(mod: ManifestV2) {
-            try {
-                const result = await this.performEnable([...this.getDependencyList(mod), mod]);
-                if (result instanceof R2Error) {
-                    throw result;
-                }
-            } catch (e) {
-                // Failed to disable mod.
-                const err: Error = e as Error;
-                this.$emit('error', err);
-                LoggerProvider.instance.Log(LogSeverity.ACTION_STOPPED, `${err.name}\n-> ${err.message}`);
-            }
-        }
-
-        async performEnable(mods: ManifestV2[]): Promise<R2Error | void> {
-            for (let mod of mods) {
-                const disableErr: R2Error | void = await ProfileInstallerProvider.instance.enableMod(mod, this.contextProfile!);
-                if (disableErr instanceof R2Error) {
-                    // Failed to disable
-                    this.showingDependencyList = false;
-                    this.$emit('error', disableErr);
-                    return disableErr;
-                }
-            }
-            const updatedList = await ProfileModList.updateMods(mods, this.contextProfile!, (updatingMod: ManifestV2) => {
-                updatingMod.enable();
-            });
-            if (updatedList instanceof R2Error) {
-                // Failed to update mod list.
-                this.showingDependencyList = false;
-                this.$emit('error', updatedList);
-                return updatedList;
-            }
-            await this.updateModListAfterChange(updatedList);
-        }
-
-        updateMod(mod: ManifestV2) {
-            this.selectedManifestMod = mod;
-            const tsMod = ModBridge.getCachedThunderstoreModFromMod(mod);
-
-            if (tsMod instanceof ThunderstoreMod) {
-                this.$store.commit("openDownloadModModal", tsMod);
-            } else {
-                this.$store.commit("closeDownloadModModal");
-            }
-        }
-
-        downloadDependency(missingDependency: string) {
-            const tsMod: ThunderstoreMod | undefined = this.thunderstorePackages.find(
-                (m: ThunderstoreMod) => missingDependency.toLowerCase().startsWith(m.getFullName().toLowerCase() + "-")
-            );
-            if (tsMod === undefined) {
-                this.$store.commit("closeDownloadModModal");
-                const error = new R2Error(
-                    `${missingDependency} could not be found`,
-                    'You may be offline, or the mod was removed from Thunderstore.',
-                    'The dependency may not yet be published to Thunderstore and may be available elsewhere.'
+                this.$store.dispatch(
+                    'profile/saveModListToDisk',
+                    {mods: newList, profile: this.profile}
                 );
-                this.$emit('error', error);
-                return;
+            } catch (e) {
+                this.$store.commit('error/handleError', R2Error.fromThrownValue(e));
             }
-            this.$store.commit("openDownloadModModal", tsMod);
-        }
-
-        async created() {
-            this.activeGame = GameManager.activeGame;
-            this.contextProfile = Profile.getActiveProfile();
-            this.settings = await ManagerSettings.getSingleton(this.activeGame);
-            this.cardExpanded = this.settings.getContext().global.expandedCards;
-            this.funkyMode = this.settings.getContext().global.funkyModeEnabled;
         }
-
-        emitError(error: R2Error) {
-            this.$emit('error', error);
-        }
-
     }
-
 </script>
diff --git a/src/components/views/LocalModList/AssociatedModsModal.vue b/src/components/views/LocalModList/AssociatedModsModal.vue
index 8cea6c657..79fc8717a 100644
--- a/src/components/views/LocalModList/AssociatedModsModal.vue
+++ b/src/components/views/LocalModList/AssociatedModsModal.vue
@@ -1,50 +1,67 @@
 <script lang="ts">
-import { Vue, Component, Prop } from 'vue-property-decorator';
+import { Vue, Component } from 'vue-property-decorator';
 import { ModalCard } from '../../all';
+import R2Error from '../../../model/errors/R2Error';
 import ManifestV2 from '../../../model/ManifestV2';
+import Dependants from '../../../r2mm/mods/Dependants';
 
 @Component({
     components: {ModalCard}
 })
 export default class AssociatedModsModal extends Vue {
 
-    @Prop({required: true})
-    readonly mod!: ManifestV2;
+    get dependants(): Set<ManifestV2> {
+        return Dependants.getDependantList(this.mod, this.$store.state.profile.modList);
+    }
 
-    @Prop({required: true})
-    readonly dependencyList!: Set<ManifestV2>;
+    get dependencies(): Set<ManifestV2> {
+        return Dependants.getDependencyList(this.mod, this.$store.state.profile.modList);
+    }
 
-    @Prop({required: true})
-    readonly dependantsList!: Set<ManifestV2>;
+    get isOpen(): boolean {
+        return this.$store.state.modals.isAssociatedModsModOpen
+            && this.$store.state.modals.associatedModsModalMod !== null;
+    }
 
-    @Prop({required: true, type: Function})
-    readonly onClose!: () => void;
+    get mod(): ManifestV2 {
+        if (this.$store.state.modals.associatedModsModalMod === null) {
+            throw new R2Error(
+                'Error while opening AssociatedModsModal',
+                'Mod not provided'
+            );
+        }
+        return this.$store.state.modals.associatedModsModalMod;
+    }
+
+    onClose() {
+        this.$store.commit('closeAssociatedModsModal');
+    }
 }
 </script>
 <template>
-    <ModalCard :is-active="true" @close-modal="onClose">
+    <ModalCard v-if="isOpen" :is-active="true" @close-modal="onClose">
         <template v-slot:header>
             <p class='card-header-title'>
                 Mods associated with {{mod.getName()}}
             </p>
         </template>
         <template v-slot:body>
-            <div v-if="!!dependencyList.size">
+            <div v-if="!!dependencies.size">
                 <h3 class="subtitle is-5">Dependencies</h3>
                 <ul class="list">
-                    <li class="list-item" v-for='(key, index) in dependencyList'
-                        :key='`dependency-${index}`'>
-                        {{key.getName()}}
+                    <li class="list-item" v-for='(mod) in dependencies'
+                        :key='`dependency-${mod.getName()}`'>
+                        {{mod.getName()}}
                     </li>
                 </ul>
             </div>
-            <br v-if="!!dependencyList.size"/>
-            <div v-if="!!dependantsList.size">
+            <br v-if="!!dependencies.size"/>
+            <div v-if="!!dependants.size">
                 <h3 class="subtitle is-5">Dependants</h3>
                 <ul class="list">
-                    <li class="list-item" v-for='(key, index) in dependantsList'
-                        :key='`dependant-${index}`'>
-                        {{key.getName()}}
+                    <li class="list-item" v-for='(mod) in dependants'
+                        :key='`dependant-${mod.getName()}`'>
+                        {{mod.getName()}}
                     </li>
                 </ul>
             </div>
diff --git a/src/components/views/LocalModList/DisableModModal.vue b/src/components/views/LocalModList/DisableModModal.vue
index ff0fe7bc9..33259c4f9 100644
--- a/src/components/views/LocalModList/DisableModModal.vue
+++ b/src/components/views/LocalModList/DisableModModal.vue
@@ -1,41 +1,76 @@
 <script lang="ts">
-import { Vue, Component, Prop } from 'vue-property-decorator';
+import { Vue, Component } from 'vue-property-decorator';
 import { ModalCard } from '../../all';
+import R2Error from '../../../model/errors/R2Error';
 import ManifestV2 from '../../../model/ManifestV2';
+import LoggerProvider, { LogSeverity } from '../../../providers/ror2/logging/LoggerProvider';
+import Dependants from '../../../r2mm/mods/Dependants';
 
 @Component({
     components: {ModalCard}
 })
 export default class DisableModModal extends Vue {
 
-    @Prop({required: true})
-    readonly mod!: ManifestV2;
+    modBeingDisabled: string | null = null;
 
-    @Prop({required: true})
-    readonly dependencyList!: Set<ManifestV2>;
+    get dependants() {
+        return Dependants.getDependantList(this.mod, this.$store.state.profile.modList);
+    }
+
+    get isLocked(): boolean {
+        return this.modBeingDisabled !== null;
+    }
+
+    get isOpen(): boolean {
+        return this.$store.state.modals.isDisableModModalOpen
+            && this.$store.state.modals.disableModModalMod !== null;
+    }
 
-    @Prop({required: true})
-    readonly dependantsList!: Set<ManifestV2>;
+    get mod(): ManifestV2 {
+        if (this.$store.state.modals.disableModModalMod === null) {
+            throw new R2Error(
+                'Error while opening DisableModModal',
+                'Mod not provided'
+            );
+        }
+        return this.$store.state.modals.disableModModalMod;
+    }
 
-    @Prop({required: true})
-    readonly modBeingDisabled!: string | null;
+    async disableModIncludingDependants() {
+        await this.disableMods([...this.dependants, this.mod]);
+    }
 
-    @Prop({required: true, type: Function})
-    readonly onClose!: () => void;
+    async disableModExcludingDependants() {
+        await this.disableMods([this.mod]);
+    }
 
-    @Prop({required: true, type: Function})
-    readonly onDisableIncludeDependents!: (mod: ManifestV2) => void;
+    private async disableMods(mods: ManifestV2[]) {
+        const onProgress = (mod: ManifestV2) => this.modBeingDisabled = mod.getName();
 
-    @Prop({required: true, type: Function})
-    readonly onDisableExcludeDependents!: (mod: ManifestV2) => void;
+        try {
+            await this.$store.dispatch(
+                'profile/disableModsFromActiveProfile',
+                { mods, onProgress }
+            );
+        } catch (e) {
+            this.$store.commit('error/handleError', {
+                error: R2Error.fromThrownValue(e),
+                severity: LogSeverity.ACTION_STOPPED
+            });
+        } finally {
+            this.onClose();
+            this.modBeingDisabled = null;
+        }
+    }
 
-    get isLocked(): boolean {
-        return this.modBeingDisabled !== null;
+    onClose() {
+        this.$store.commit('closeDisableModModal');
     }
 }
 </script>
+
 <template>
-    <ModalCard :is-active="true" :can-close="!isLocked" @close-modal="onClose">
+    <ModalCard v-if="isOpen" :is-active="isOpen" :can-close="!isLocked" @close-modal="onClose">
         <template v-slot:header>
             <p class="modal-card-title">Disabling {{mod.getName()}}</p>
         </template>
@@ -51,9 +86,9 @@ export default class DisableModModal extends Vue {
                 <div class="is-flex-shrink-1 overflow-auto code-snippet">
                     <ul class="list">
                         <li class="list-item">{{mod.getName()}}</li>
-                        <li class="list-item" v-for='(key, index) in dependantsList'
-                            :key='`dependant-${index}`'>
-                            {{key.getName()}}
+                        <li class="list-item" v-for='(mod) in dependants'
+                            :key='`dependant-${mod.getName()}`'>
+                            {{mod.getName()}}
                         </li>
                     </ul>
                 </div>
@@ -66,12 +101,12 @@ export default class DisableModModal extends Vue {
         <template v-slot:footer>
             <button class="button is-info"
                     :disabled="isLocked"
-                    @click="onDisableIncludeDependents(mod)">
+                    @click="disableModIncludingDependants">
                 Disable all (recommended)
             </button>
             <button class="button"
                     :disabled="isLocked"
-                    @click="onDisableExcludeDependents(mod)">
+                    @click="disableModExcludingDependants">
                 Disable {{mod.getName()}} only
             </button>
         </template>
diff --git a/src/components/views/LocalModList/LocalModCard.vue b/src/components/views/LocalModList/LocalModCard.vue
index 193e68d40..bf4bc7082 100644
--- a/src/components/views/LocalModList/LocalModCard.vue
+++ b/src/components/views/LocalModList/LocalModCard.vue
@@ -2,7 +2,11 @@
 import { Vue, Component, Prop, Watch } from 'vue-property-decorator';
 import { ExpandableCard, Link } from '../../all';
 import DonateButton from '../../buttons/DonateButton.vue';
+import R2Error from '../../../model/errors/R2Error';
 import ManifestV2 from '../../../model/ManifestV2';
+import ThunderstoreMod from '../../../model/ThunderstoreMod';
+import { LogSeverity } from '../../../providers/ror2/logging/LoggerProvider';
+import Dependants from '../../../r2mm/mods/Dependants';
 import ModBridge from '../../../r2mm/mods/ModBridge';
 
 @Component({
@@ -17,15 +21,6 @@ export default class LocalModCard extends Vue {
     @Prop({required: true})
     readonly mod!: ManifestV2;
 
-    @Prop({required: true})
-    readonly expandedByDefault!: boolean;
-
-    @Prop({required: true})
-    readonly showSort!: boolean;
-
-    @Prop({required: true})
-    readonly funkyMode!: boolean;
-
     disabledDependencies: ManifestV2[] = [];
     missingDependencies: string[] = [];
 
@@ -38,7 +33,7 @@ export default class LocalModCard extends Vue {
     }
 
     get localModList(): ManifestV2[] {
-        return this.$store.state.localModList;
+        return this.$store.state.profile.modList;
     }
 
     get tsMod() {
@@ -73,28 +68,91 @@ export default class LocalModCard extends Vue {
         );
     }
 
-    disableMod() {
-        this.$emit('disableMod', this.mod);
+    async disableMod() {
+        const dependants = Dependants.getDependantList(this.mod, this.localModList);
+
+        for (const mod of dependants) {
+            if (mod.isEnabled()) {
+                this.$store.commit('openDisableModModal', this.mod);
+                return;
+            }
+        }
+
+        try {
+            await this.$store.dispatch(
+                'profile/disableModsFromActiveProfile',
+                { mods: [this.mod] }
+            );
+        } catch (e) {
+            this.$store.commit('error/handleError', {
+                error: R2Error.fromThrownValue(e),
+                severity: LogSeverity.ACTION_STOPPED
+            });
+        }
     }
 
-    enableMod(mod: ManifestV2) {
-        this.$emit('enableMod', mod);
+    async enableMod(mod: ManifestV2) {
+        const dependencies = Dependants.getDependencyList(mod, this.localModList);
+
+        try {
+            await this.$store.dispatch(
+                'profile/enableModsOnActiveProfile',
+                { mods: [...dependencies, mod] }
+            );
+        } catch (e) {
+            this.$store.commit('error/handleError', {
+                error: R2Error.fromThrownValue(e),
+                severity: LogSeverity.ACTION_STOPPED
+            });
+        }
     }
 
-    uninstallMod() {
-        this.$emit('uninstallMod', this.mod);
+    async uninstallMod() {
+        const dependants = Dependants.getDependantList(this.mod, this.localModList);
+
+        if (dependants.size > 0) {
+            this.$store.commit('openUninstallModModal', this.mod);
+            return;
+        }
+
+        try {
+            await this.$store.dispatch(
+                'profile/uninstallModsFromActiveProfile',
+                { mods: [this.mod] }
+            );
+        } catch (e) {
+            this.$store.commit('error/handleError', {
+                error: R2Error.fromThrownValue(e),
+                severity: LogSeverity.ACTION_STOPPED
+            });
+        }
     }
 
     updateMod() {
-        this.$emit('updateMod', this.mod);
+        if (this.tsMod !== undefined) {
+            this.$store.commit('openDownloadModModal', this.tsMod);
+        }
     }
 
-    downloadDependency(dependency: string) {
-        this.$emit('downloadDependency', dependency);
+    downloadDependency(dependencyString: string) {
+        const packages: ThunderstoreMod[] = this.$store.state.thunderstoreModList;
+        const lowerCaseName = dependencyStringToModName(dependencyString).toLowerCase();
+        const dependency = packages.find((m) => m.getFullName().toLowerCase() === lowerCaseName);
+
+        if (dependency === undefined) {
+            const error = new R2Error(
+                `${dependencyString} could not be found`,
+                'You may be offline, or the mod was removed from Thunderstore.',
+                'The dependency may not yet be published to Thunderstore and may be available elsewhere.'
+            );
+            this.$store.commit('error/handleError', error);
+            return;
+        }
+        this.$store.commit('openDownloadModModal', dependency);
     }
 
-    viewDependencyList() {
-        this.$emit('viewDependencyList', this.mod);
+    viewAssociatedMods() {
+        this.$store.commit('openAssociatedModsModal', this.mod);
     }
 
     created() {
@@ -111,11 +169,9 @@ function dependencyStringToModName(x: string) {
     <expandable-card
         :description="mod.getDescription()"
         :enabled="mod.isEnabled()"
-        :expandedByDefault="expandedByDefault"
-        :funkyMode="funkyMode"
         :id="`${mod.getAuthorName()}-${mod.getName()}-${mod.getVersionNumber()}`"
         :image="mod.getIcon()"
-        :showSort="showSort">
+        :allowSorting="true">
 
         <template v-slot:title>
             <span class="non-selectable">
@@ -186,7 +242,7 @@ function dependencyStringToModName(x: string) {
             Enable
         </a>
 
-        <a @click="viewDependencyList()" class='card-footer-item'>
+        <a @click="viewAssociatedMods()" class='card-footer-item'>
             Associated
         </a>
 
diff --git a/src/components/views/LocalModList/SearchAndSort.vue b/src/components/views/LocalModList/SearchAndSort.vue
index 104cbbdc4..5ab4aa72c 100644
--- a/src/components/views/LocalModList/SearchAndSort.vue
+++ b/src/components/views/LocalModList/SearchAndSort.vue
@@ -1,11 +1,9 @@
 <script lang="ts">
 import { Vue, Component } from 'vue-property-decorator';
 import { DeferredInput } from '../../all';
-import GameManager from '../../../model/game/GameManager';
 import { SortDirection } from '../../../model/real_enums/sort/SortDirection';
 import { SortLocalDisabledMods } from '../../../model/real_enums/sort/SortLocalDisabledMods';
 import { SortNaming } from '../../../model/real_enums/sort/SortNaming';
-import ManagerSettings from '../../../r2mm/manager/ManagerSettings';
 
 @Component({
     components: {
@@ -13,15 +11,12 @@ import ManagerSettings from '../../../r2mm/manager/ManagerSettings';
     }
 })
 export default class SearchAndSort extends Vue {
-    settings = new ManagerSettings();
-
     get order() {
         return this.$store.state.profile.order;
     }
 
     set order(value: SortNaming) {
-        this.$store.commit('profile/setOrder', value);
-        this.settings.setInstalledSortBy(value);
+        this.$store.dispatch('profile/updateOrder', value);
     }
 
     get direction() {
@@ -29,8 +24,7 @@ export default class SearchAndSort extends Vue {
     }
 
     set direction(value: SortDirection) {
-        this.$store.commit('profile/setDirection', value);
-        this.settings.setInstalledSortDirection(value);
+        this.$store.dispatch('profile/updateDirection', value);
     }
 
     get disabledPosition() {
@@ -38,8 +32,7 @@ export default class SearchAndSort extends Vue {
     }
 
     set disabledPosition(value: SortLocalDisabledMods) {
-        this.$store.commit('profile/setDisabledPosition', value);
-        this.settings.setInstalledDisablePosition(value);
+        this.$store.dispatch('profile/updateDisabledPosition', value);
     }
 
     get search() {
@@ -62,16 +55,6 @@ export default class SearchAndSort extends Vue {
         return Object.values(SortLocalDisabledMods);
     }
 
-    async created() {
-        this.settings = await ManagerSettings.getSingleton(GameManager.activeGame);
-
-        this.$store.commit('profile/initialize', [
-            this.settings.getInstalledSortBy(),
-            this.settings.getInstalledSortDirection(),
-            this.settings.getInstalledDisablePosition()
-        ]);
-    }
-
     async destroyed() {
         this.$store.commit('profile/setSearchQuery', '');
     }
diff --git a/src/components/views/LocalModList/UninstallModModal.vue b/src/components/views/LocalModList/UninstallModModal.vue
index 658b68122..9af64e854 100644
--- a/src/components/views/LocalModList/UninstallModModal.vue
+++ b/src/components/views/LocalModList/UninstallModModal.vue
@@ -1,41 +1,73 @@
 <script lang="ts">
-import { Vue, Component, Prop } from 'vue-property-decorator';
+import { Vue, Component } from 'vue-property-decorator';
 import { ModalCard } from '../../all';
+import R2Error from '../../../model/errors/R2Error';
 import ManifestV2 from '../../../model/ManifestV2';
+import { LogSeverity } from '../../../providers/ror2/logging/LoggerProvider';
+import Dependants from '../../../r2mm/mods/Dependants';
 
 @Component({
     components: {ModalCard}
 })
 export default class UninstallModModal extends Vue {
+    modBeingUninstalled: string | null = null;
 
-    @Prop({required: true})
-    readonly mod!: ManifestV2;
+    get dependants() {
+        return Dependants.getDependantList(this.mod, this.$store.state.profile.modList);
+    }
 
-    @Prop({required: true})
-    readonly dependencyList!: Set<ManifestV2>;
+    get isLocked(): boolean {
+        return this.modBeingUninstalled !== null;
+    }
 
-    @Prop({required: true})
-    readonly dependantsList!: Set<ManifestV2>;
+    get isOpen(): boolean {
+        return this.$store.state.modals.isUninstallModModalOpen
+            && this.$store.state.modals.uninstallModModalMod !== null;
+    }
 
-    @Prop({required: true})
-    readonly modBeingUninstalled!: string | null;
+    get mod(): ManifestV2 {
+        if (this.$store.state.modals.uninstallModModalMod === null) {
+            throw new R2Error(
+                'Error while opening UninstallModModal',
+                'Mod not provided'
+            );
+        }
+        return this.$store.state.modals.uninstallModModalMod;
+    }
 
-    @Prop({required: true, type: Function})
-    readonly onClose!: () => void;
+    async uninstallModIncludingDependants() {
+        await this.uninstallMods([...this.dependants, this.mod]);
+    }
 
-    @Prop({required: true, type: Function})
-    readonly onUninstallIncludeDependents!: (mod: ManifestV2) => void;
+    async uninstallModExcludingDependants() {
+        await this.uninstallMods([this.mod]);
+    }
 
-    @Prop({required: true, type: Function})
-    readonly onUninstallExcludeDependents!: (mod: ManifestV2) => void;
+    private async uninstallMods(mods: ManifestV2[]) {
+        const onProgress = (mod: ManifestV2) => this.modBeingUninstalled = mod.getName();
+        try {
+            await this.$store.dispatch(
+                'profile/uninstallModsFromActiveProfile',
+                { mods, onProgress }
+            );
+        } catch (e) {
+            this.$store.commit('error/handleError', {
+                error: R2Error.fromThrownValue(e),
+                severity: LogSeverity.ACTION_STOPPED
+            });
+        } finally {
+            this.onClose();
+            this.modBeingUninstalled = null;
+        }
+    }
 
-    get isLocked(): boolean {
-        return this.modBeingUninstalled !== null;
+    onClose() {
+        this.$store.commit('closeUninstallModModal');
     }
 }
 </script>
 <template>
-    <ModalCard :is-active="true" :can-close="!isLocked" @close-modal="onClose">
+    <ModalCard v-if="isOpen" :is-active="true" :can-close="!isLocked" @close-modal="onClose">
         <template v-slot:header>
             <p class='modal-card-title'>Uninstalling {{mod.getName()}}</p>
         </template>
@@ -51,9 +83,9 @@ export default class UninstallModModal extends Vue {
                 <div class="is-flex-shrink-1 overflow-auto code-snippet">
                     <ul class="list">
                         <li class="list-item">{{mod.getName()}}</li>
-                        <li class="list-item" v-for='(key, index) in dependantsList'
-                            :key='`dependant-${index}`'>
-                            {{key.getName()}}
+                        <li class="list-item" v-for='(mod) in dependants'
+                            :key='`dependant-${mod.getName()}`'>
+                            {{mod.getName()}}
                         </li>
                     </ul>
                 </div>
@@ -66,12 +98,12 @@ export default class UninstallModModal extends Vue {
         <template v-slot:footer>
             <button class="button is-info"
                     :disabled="isLocked"
-                    @click="onUninstallIncludeDependents(mod)">
+                    @click="uninstallModIncludingDependants">
                 Uninstall all (recommended)
             </button>
             <button class="button"
                     :disabled="isLocked"
-                    @click="onUninstallExcludeDependents(mod)">
+                    @click="uninstallModExcludingDependants">
                 Uninstall {{mod.getName()}} only
             </button>
         </template>
diff --git a/src/components/views/OnlineModList.vue b/src/components/views/OnlineModList.vue
index 44523979f..e32231890 100644
--- a/src/components/views/OnlineModList.vue
+++ b/src/components/views/OnlineModList.vue
@@ -4,9 +4,7 @@
             v-for='(key, index) in pagedModList' :key="`online-${key.getFullName()}-${index}-${settings.getContext().global.expandedCards}`"
             :image="getImageUrl(key)"
             :id="index"
-            :description="key.getVersions()[0].getDescription()"
-            :funkyMode="funkyMode"
-            :expandedByDefault="cardExpanded">
+            :description="key.getVersions()[0].getDescription()">
             <template v-slot:title>
                 <span v-if="key.isPinned()">
                     <span class="tag is-info margin-right margin-right--half-width"
@@ -68,7 +66,6 @@ import ManagerSettings from '../../r2mm/manager/ManagerSettings';
 import { ExpandableCard, Link } from '../all';
 import DownloadModModal from './DownloadModModal.vue';
 import ManifestV2 from '../../model/ManifestV2';
-import R2Error from '../../model/errors/R2Error';
 import DonateButton from '../../components/buttons/DonateButton.vue';
 import CdnProvider from '../../providers/generic/connection/CdnProvider';
 
@@ -91,7 +88,7 @@ export default class OnlineModList extends Vue {
     private funkyMode: boolean = false;
 
     get localModList(): ManifestV2[] {
-        return this.$store.state.localModList;
+        return this.$store.state.profile.modList;
     }
 
     get deprecationMap(): Map<string, boolean> {
@@ -129,10 +126,6 @@ export default class OnlineModList extends Vue {
         );
     }
 
-    emitError(error: R2Error) {
-        this.$emit('error', error);
-    }
-
     async created() {
         this.settings = await ManagerSettings.getSingleton(GameManager.activeGame);
         this.cardExpanded = this.settings.getContext().global.expandedCards;
diff --git a/src/components/views/OnlineModView.vue b/src/components/views/OnlineModView.vue
index 102aff530..d7c3d0e12 100644
--- a/src/components/views/OnlineModView.vue
+++ b/src/components/views/OnlineModView.vue
@@ -46,7 +46,6 @@
         <OnlineModList
             :local-mod-list="localModList"
             :paged-mod-list="pagedThunderstoreModList"
-            @error="$emit('error', $event)"
         />
         <div class="in-mod-list" v-if="getPaginationSize() > 1">
             <p class="notification margin-right">
@@ -102,7 +101,7 @@ export default class OnlineModView extends Vue {
     thunderstoreSearchFilter = "";
 
     get localModList(): ManifestV2[] {
-        return this.$store.state.localModList;
+        return this.$store.state.profile.modList;
     }
 
     get thunderstoreModList(): ThunderstoreMod[] {
diff --git a/src/model/game/GameManager.ts b/src/model/game/GameManager.ts
index 5588ee5e8..542ebe747 100644
--- a/src/model/game/GameManager.ts
+++ b/src/model/game/GameManager.ts
@@ -492,8 +492,10 @@ export default class GameManager {
             "Bomb Rush Cyberfunk", "BombRushCyberfunk", "BombRushCyberfunk",
             "BombRushCyberfunk", ["Bomb Rush Cyberfunk.exe"], "Bomb Rush Cyberfunk_Data",
             "https://thunderstore.io/c/bomb-rush-cyberfunk/api/v1/package/", EXCLUSIONS,
-            [new StorePlatformMetadata(StorePlatform.STEAM, "1353230")], "BombRushCyberfunk.jpg",
-            GameSelectionDisplayMode.VISIBLE, GameInstanceType.GAME, PackageLoader.BEPINEX, ["brc"]),
+            [
+                new StorePlatformMetadata(StorePlatform.STEAM, "1353230"),
+                new StorePlatformMetadata(StorePlatform.XBOX_GAME_PASS, "TeamReptile.BombRushCyberfunk")
+            ], "BombRushCyberfunk.jpg", GameSelectionDisplayMode.VISIBLE, GameInstanceType.GAME, PackageLoader.BEPINEX, ["brc"]),
 
         new Game(
             "TouhouLostBranchOfLegend", "TouhouLostBranchOfLegend", "TouhouLostBranchOfLegend",
@@ -569,7 +571,7 @@ export default class GameManager {
             GameSelectionDisplayMode.VISIBLE, GameInstanceType.GAME, PackageLoader.BEPINEX, []),
         new Game(
             "Voices of the Void", "VotV", "VotV",
-            "", ["VotV-Win64-Shipping.exe"], "VotV",
+            "", ["VotV.exe"], "VotV",
             "https://thunderstore.io/c/voices-of-the-void/api/v1/package/", EXCLUSIONS,
             [new StorePlatformMetadata(StorePlatform.OTHER)], "VotV.png",
             GameSelectionDisplayMode.VISIBLE, GameInstanceType.GAME, PackageLoader.SHIMLOADER, ["votv"]),
@@ -579,21 +581,38 @@ export default class GameManager {
             "Palworld", ["Palworld.exe"], "Pal",
             "https://thunderstore.io/c/palworld/api/v1/package/", EXCLUSIONS,
             [new StorePlatformMetadata(StorePlatform.STEAM, "1623730")], "Palworld.png",
-            GameSelectionDisplayMode.VISIBLE, GameInstanceType.GAME, PackageLoader.SHIMLOADER, ["palworld"])
+            GameSelectionDisplayMode.VISIBLE, GameInstanceType.GAME, PackageLoader.SHIMLOADER, ["palworld"]),
+
+        new Game("Plasma", "Plasma", "Plasma",
+            "Plasma", ["Plasma.exe"], "Plasma_Data",
+            "https://thunderstore.io/c/plasma/api/v1/package/", EXCLUSIONS,
+            [new StorePlatformMetadata(StorePlatform.STEAM, "1409160")], "Plasma.jpg",
+            GameSelectionDisplayMode.VISIBLE, GameInstanceType.GAME, PackageLoader.BEPINEX, []),
+
+            new Game("Content Warning", "ContentWarning", "ContentWarning",
+            "Content Warning", ["Content Warning.exe"], "ContentWarning_Data",
+            "https://thunderstore.io/c/content-warning/api/v1/package/", EXCLUSIONS,
+            [new StorePlatformMetadata(StorePlatform.STEAM, "2881650")], "ContentWarning.png",
+            GameSelectionDisplayMode.VISIBLE, GameInstanceType.GAME, PackageLoader.BEPINEX, []),
     ];
 
     static get activeGame(): Game {
         return this._activeGame;
     }
 
-    static get gameList(): Game[] {
-        return [...this._gameList];
-    }
-
     static set activeGame(game: Game) {
         this._activeGame = game;
     }
 
+    // Used for loading game specific settings before game is selected.
+    static get defaultGame(): Game {
+        return this._gameList.find(value => value.internalFolderName === "RiskOfRain2")!;
+    }
+
+    static get gameList(): Game[] {
+        return [...this._gameList];
+    }
+
     public static async activate(game: Game, platform: StorePlatform) {
         this._activeGame = game;
         this._activeGame.setActivePlatformByStore(platform);
@@ -601,11 +620,6 @@ export default class GameManager {
         await FileUtils.ensureDirectory(PathResolver.MOD_ROOT);
     }
 
-    // Return RiskOfRain2 game as base startup to be used for settings load.
-    public static unsetGame(): Game {
-        return this._gameList.find(value => value.internalFolderName === "RiskOfRain2")!;
-    }
-
     public static findByFolderName(name?: string|null) {
         return name
             ? this._gameList.find((game) => game.internalFolderName === name)
diff --git a/src/pages/GameSelectionScreen.vue b/src/pages/GameSelectionScreen.vue
index 09c1e6c18..ccbefd31c 100644
--- a/src/pages/GameSelectionScreen.vue
+++ b/src/pages/GameSelectionScreen.vue
@@ -277,7 +277,7 @@ export default class GameSelectionScreen extends Vue {
             ProviderUtils.setupGameProviders(this.selectedGame, this.selectedPlatform);
         } catch (error) {
             if (error instanceof R2Error) {
-                this.$emit("error", error);
+                this.$store.commit('error/handleError', error);
                 return;
             }
 
@@ -287,6 +287,7 @@ export default class GameSelectionScreen extends Vue {
         const settings = await ManagerSettings.getSingleton(this.selectedGame);
         await settings.setLastSelectedGame(this.selectedGame);
         await GameManager.activate(this.selectedGame, this.selectedPlatform);
+        await this.$store.dispatch("setActiveGame", this.selectedGame);
 
         await this.$router.push({name: "splash"});
     }
@@ -325,7 +326,7 @@ export default class GameSelectionScreen extends Vue {
         await this.$store.dispatch('checkMigrations');
         this.runningMigration = false;
 
-        this.settings = await ManagerSettings.getSingleton(GameManager.unsetGame());
+        this.settings = await ManagerSettings.getSingleton(GameManager.defaultGame);
         const globalSettings = this.settings.getContext().global;
         this.favourites = globalSettings.favouriteGames || [];
         this.selectedGame = GameManager.findByFolderName(globalSettings.lastSelectedGame) || null;
diff --git a/src/pages/Manager.vue b/src/pages/Manager.vue
index bbefa75dc..5fc644fb6 100644
--- a/src/pages/Manager.vue
+++ b/src/pages/Manager.vue
@@ -128,11 +128,10 @@
 		</modal>
 
         <CategoryFilterModal />
-        <LocalFileImportModal :visible="importingLocalMod" @close-modal="importingLocalMod = false" @error="showError($event)"/>
-        <DownloadModModal @error="showError($event)" />
+        <LocalFileImportModal :visible="importingLocalMod" @close-modal="importingLocalMod = false" />
+        <DownloadModModal />
 
         <router-view name="subview"
-                     @error="showError"
                      v-on:setting-invoked="handleSettingsCallbacks($event)" />
     </div>
 </template>
@@ -140,16 +139,15 @@
 <script lang='ts'>
 import Vue from 'vue';
 import Component from 'vue-class-component';
-import { ExpandableCard, Hero, Link, Modal, Progress } from '../components/all';
+import { Hero, Link, Modal, Progress } from '../components/all';
 
 import ThunderstoreMod from '../model/ThunderstoreMod';
 import ThunderstoreCombo from '../model/ThunderstoreCombo';
 import ProfileModList from '../r2mm/mods/ProfileModList';
-import ProfileInstallerProvider from '../providers/ror2/installing/ProfileInstallerProvider';
 import PathResolver from '../r2mm/manager/PathResolver';
 import PreloaderFixer from '../r2mm/manager/PreloaderFixer';
 
-import LoggerProvider, { LogSeverity } from '../providers/ror2/logging/LoggerProvider';
+import { LogSeverity } from '../providers/ror2/logging/LoggerProvider';
 
 import Profile from '../model/Profile';
 import VersionNumber from '../model/VersionNumber';
@@ -183,7 +181,6 @@ import CategoryFilterModal from '../components/modals/CategoryFilterModal.vue';
             DownloadModModal,
 			'hero': Hero,
 			'progress-bar': Progress,
-			'ExpandableCard': ExpandableCard,
 			'link-component': Link,
 			'modal': Modal,
 		}
@@ -212,11 +209,7 @@ import CategoryFilterModal from '../components/modals/CategoryFilterModal.vue';
         }
 
 		get localModList(): ManifestV2[] {
-			return this.$store.state.localModList || [];
-		}
-
-		showError(error: R2Error) {
-			this.$emit("error", error);
+			return this.$store.state.profile.modList;
 		}
 
 		closePreloaderFixModal() {
@@ -226,7 +219,7 @@ import CategoryFilterModal from '../components/modals/CategoryFilterModal.vue';
 		async fixPreloader() {
 			const res = await PreloaderFixer.fix(this.activeGame);
 			if (res instanceof R2Error) {
-				this.showError(res);
+				this.$store.commit('error/handleError', res);
 			} else {
 				this.fixingPreloader = true;
 			}
@@ -277,12 +270,8 @@ import CategoryFilterModal from '../components/modals/CategoryFilterModal.vue';
                             this.showRor2IncorrectDirectoryModal = true;
                         }
                     } catch (e) {
-                        const err: Error = e as Error;
-                        this.showError(new R2Error(
-                            "Failed to change the game directory",
-                            err.message,
-                            null
-                        ));
+                        const err = R2Error.fromThrownValue(e, 'Failed to change the game directory');
+                        this.$store.commit('error/handleError', err);
                     }
                 }
             });
@@ -305,12 +294,8 @@ import CategoryFilterModal from '../components/modals/CategoryFilterModal.vue';
 							throw new Error("The selected executable is not gamelaunchhelper.exe");
 						}
 					} catch (e) {
-						const err: Error = e as Error;
-						this.showError(new R2Error(
-							"Failed to change the game directory",
-							err.message,
-							null
-						));
+						const err = R2Error.fromThrownValue(e, 'Failed to change the game directory');
+						this.$store.commit('error/handleError', err);
 					}
 				}
 			});
@@ -361,12 +346,8 @@ import CategoryFilterModal from '../components/modals/CategoryFilterModal.vue';
                             this.showSteamIncorrectDirectoryModal = true;
                         }
                     } catch (e) {
-				        const err: Error = e as Error;
-				        this.showError(new R2Error(
-				            "Failed to change the Steam directory",
-                            err.message,
-                            null
-                        ));
+                        const err = R2Error.fromThrownValue(e, 'Failed to change the Steam directory');
+                        this.$store.commit('error/handleError', err);
                     }
 				}
             });
@@ -379,21 +360,21 @@ import CategoryFilterModal from '../components/modals/CategoryFilterModal.vue';
 		async exportProfile() {
 			const exportErr = await ProfileModList.exportModListToFile(this.contextProfile!);
 			if (exportErr instanceof R2Error) {
-				this.showError(exportErr);
+				this.$store.commit('error/handleError', exportErr);
 			}
 		}
 
 		async exportProfileAsCode() {
 			const exportErr = await ProfileModList.exportModListAsCode(this.contextProfile!, (code: string, err: R2Error | null) => {
 				if (err !== null) {
-					this.showError(err);
+					this.$store.commit('error/handleError', err);
 				} else {
 					this.exportCode = code;
 					InteractionProvider.instance.copyToClipboard(code);
 				}
 			});
 			if (exportErr instanceof R2Error) {
-				this.showError(exportErr);
+				this.$store.commit('error/handleError', exportErr);
 			}
 		}
 
@@ -499,50 +480,6 @@ import CategoryFilterModal from '../components/modals/CategoryFilterModal.vue';
             }
 		}
 
-        async setAllModsEnabled(enabled: boolean) {
-            let lastSuccessfulUpdate: ManifestV2[] = [];
-
-            try {
-                for (const mod of this.localModList) {
-                    if (mod.isEnabled() === enabled) {
-                        continue;
-                    }
-
-                    let profileErr: R2Error | void;
-                    if (enabled) {
-                        profileErr = await ProfileInstallerProvider.instance.enableMod(mod, this.contextProfile!);
-                    } else {
-                        profileErr = await ProfileInstallerProvider.instance.disableMod(mod, this.contextProfile!);
-                    }
-                    if (profileErr instanceof R2Error) {
-                        this.showError(profileErr);
-                        continue;
-                    }
-                    const update: ManifestV2[] | R2Error = await ProfileModList.updateMod(mod, this.contextProfile!, async (updatingMod: ManifestV2) => {
-                        if (enabled) {
-                            updatingMod.enable();
-                        } else {
-                            updatingMod.disable();
-                        }
-                    });
-                    if (update instanceof R2Error) {
-                        this.showError(update);
-                    } else {
-                        lastSuccessfulUpdate = update;
-                    }
-                }
-            } catch (e) {
-                const name = `Error ${enabled ? "enabling" : "disabling"} mods`;
-                this.showError(R2Error.fromThrownValue(e, name));
-            } finally {
-                if (lastSuccessfulUpdate.length) {
-                    await this.$store.dispatch("updateModList", lastSuccessfulUpdate);
-                }
-            }
-
-            await this.$router.push({name: "manager.installed"});
-        }
-
         changeDataFolder() {
             const fs = FsProvider.instance;
             const dir: string = PathResolver.ROOT;
@@ -565,14 +502,17 @@ import CategoryFilterModal from '../components/modals/CategoryFilterModal.vue';
                         await fs.writeFile(path.join(files[0], dataDirectoryOverrideFile), "");
                         InteractionProvider.instance.restartApp();
                     } else {
-                        this.showError(new R2Error("Selected directory is not empty", `Directory is not empty: ${files[0]}. Contains ${filesInDirectory.length} files.`, "Select an empty directory or create a new one."));
-                        return;
+                        this.$store.commit('error/handleError', new R2Error(
+                            "Selected directory is not empty",
+                            `Directory is not empty: ${files[0]}. Contains ${filesInDirectory.length} files.`,
+                            "Select an empty directory or create a new one."
+                        ));
                     }
                 }
             });
         }
 
-        handleSettingsCallbacks(invokedSetting: any) {
+        async handleSettingsCallbacks(invokedSetting: any) {
 		    switch(invokedSetting) {
 		        case "BrowseDataFolder":
 		            this.browseDataFolder();
@@ -625,10 +565,18 @@ import CategoryFilterModal from '../components/modals/CategoryFilterModal.vue';
                     this.settings = (() => this.settings)();
                     break;
                 case "EnableAll":
-                    this.setAllModsEnabled(true);
+                    await this.$store.dispatch(
+                        "profile/enableModsOnActiveProfile",
+                        {mods: this.localModList}
+                    );
+                    await this.$router.push({name: "manager.installed"});
                     break;
                 case "DisableAll":
-                    this.setAllModsEnabled(false);
+                    await this.$store.dispatch(
+                        "profile/disableModsFromActiveProfile",
+                        {mods: this.localModList}
+                    );
+                    await this.$router.push({name: "manager.installed"});
                     break;
                 case "UpdateAllMods":
                     this.$store.commit("openUpdateAllModsModal");
@@ -642,18 +590,19 @@ import CategoryFilterModal from '../components/modals/CategoryFilterModal.vue';
                 case "CleanCache":
                     CacheUtil.clean();
                     break;
-                case "RefreshedThunderstorePackages":
-                    ProfileModList.getModList(this.contextProfile!).then(value => {
-                        if (!(value instanceof R2Error)) {
-                            this.$store.dispatch("updateModList", value);
-                        }
-                    });
-                    break;
             }
         }
 
-        beforeCreate() {
+        async beforeCreate() {
             this.activeGame = GameManager.activeGame;
+
+            // Used by SearchAndSort, but need to be called here to
+            // ensure the settings are loaded before LocalModList
+            // accesses visibleModList from Vuex store.
+            await this.$store.dispatch('profile/loadOrderingSettings');
+
+            // Used by OnlineModView, called here for consistency.
+            this.$store.commit('modFilters/reset');
         }
 
 		async created() {
@@ -662,30 +611,36 @@ import CategoryFilterModal from '../components/modals/CategoryFilterModal.vue';
 			this.launchParametersModel = this.settings.getContext().gameSpecific.launchParameters;
 			const newModList: ManifestV2[] | R2Error = await ProfileModList.getModList(this.contextProfile!);
 			if (!(newModList instanceof R2Error)) {
-				await this.$store.dispatch("updateModList", newModList);
+				await this.$store.dispatch('profile/updateModList', newModList);
 			} else {
-                LoggerProvider.instance.Log(LogSeverity.ACTION_STOPPED, `Failed to retrieve local mod list\n-> ${newModList.message}`);
-                this.$emit('error', newModList);
+				this.$store.commit('error/handleError', {
+					error: newModList,
+					severity: LogSeverity.ACTION_STOPPED,
+					logMessage: `Failed to retrieve local mod list\n-> ${newModList.message}`
+				});
 			}
-			this.$store.commit("modFilters/reset");
 
 			InteractionProvider.instance.hookModInstallProtocol(async data => {
                 const combo: ThunderstoreCombo | R2Error = ThunderstoreCombo.fromProtocol(data, this.thunderstoreModList);
                 if (combo instanceof R2Error) {
-                    this.showError(combo);
-                    LoggerProvider.instance.Log(LogSeverity.ACTION_STOPPED, `${combo.name}\n-> ${combo.message}`);
+                    this.$store.commit('error/handleError', {
+                        error: combo,
+                        severity: LogSeverity.ACTION_STOPPED
+                    });
                     return;
                 }
                 DownloadModModal.downloadSpecific(this.activeGame, this.contextProfile!, combo, this.thunderstoreModList)
                     .then(async value => {
                         const modList = await ProfileModList.getModList(this.contextProfile!);
                         if (!(modList instanceof R2Error)) {
-                            await this.$store.dispatch('updateModList', modList);
+                            await this.$store.dispatch('profile/updateModList', modList);
                         } else {
-                            this.showError(modList);
+                            this.$store.commit('error/handleError', modList);
                         }
                     })
-                    .catch(this.showError);
+                    .catch(
+                        (err: R2Error) => this.$store.commit('error/handleError', err)
+                    );
             });
 
 			this.isManagerUpdateAvailable();
diff --git a/src/pages/Profiles.vue b/src/pages/Profiles.vue
index 1fd6605e2..99f0c7be0 100644
--- a/src/pages/Profiles.vue
+++ b/src/pages/Profiles.vue
@@ -44,7 +44,7 @@
               </template>
               <template v-if="addingProfile && importUpdateSelection === 'UPDATE'">
                   <button class="button is-danger" v-if="!doesProfileExist(selectedProfile)">Update profile: {{ selectedProfile }}</button>
-                  <button class="button is-info" v-else @click="updateProfile(selectedProfile)">Update profile: {{ selectedProfile }}</button>
+                  <button class="button is-info" v-else @click="updateProfile()">Update profile: {{ selectedProfile }}</button>
               </template>
               <template v-if="renamingProfile">
                   <button class="button is-danger" v-if="doesProfileExist(newProfileName)">Rename</button>
@@ -156,18 +156,6 @@
         </div>
       </div>
     </div>
-    <!-- Error modal -->
-    <div id="errorModal" :class="['modal', {'is-active':(errorMessage !== '')}]">
-      <div class="modal-background" v-on:click="errorMessage = ''"></div>
-      <div class="modal-content">
-        <div class="notification is-danger">
-          <h3 class="title">Error</h3>
-          <h5 class="title is-5">{{errorMessage}}</h5>
-          <p>{{errorStack}}</p>
-        </div>
-      </div>
-      <button class="modal-close is-large" aria-label="close" v-on:click="errorMessage = ''"></button>
-    </div>
 
     <!-- Importing file modal -->
     <div :class="['modal', {'is-active': showFileSelectionHang}]">
@@ -198,7 +186,7 @@
                     </div>
                 </div>
                 <div v-for="(profileName) of profileList" :key="profileName">
-                  <a @click="selectProfile(profileName)">
+                  <a @click="selectedProfile = profileName">
                     <div class="container">
                       <div class="border-at-bottom">
                         <div class="card is-shadowless">
@@ -271,11 +259,8 @@ import FileUtils from '../utils/FileUtils';
 import InteractionProvider from '../providers/ror2/system/InteractionProvider';
 import ManagerInformation from '../_managerinf/ManagerInformation';
 import GameDirectoryResolverProvider from '../providers/ror2/game/GameDirectoryResolverProvider';
-import GameManager from '../model/game/GameManager';
-import Game from '../model/game/Game';
 import { ProfileImportExport } from '../r2mm/mods/ProfileImportExport';
 
-let settings: ManagerSettings;
 let fs: FsProvider;
 
 @Component({
@@ -290,8 +275,6 @@ export default class Profiles extends Vue {
 
     private profileList: string[] = ['Default'];
 
-    private selectedProfile: string = '';
-
     private addingProfile: boolean = false;
     private newProfileName: string = '';
     private addingProfileType: string = 'Create';
@@ -311,20 +294,18 @@ export default class Profiles extends Vue {
 
     private renamingProfile: boolean = false;
 
-    private activeGame!: Game;
+    get selectedProfile(): string {
+        return this.$store.getters['profile/activeProfileName'];
+    }
 
-    errorMessage: string = '';
-    errorStack: string = '';
+    set selectedProfile(profileName: string) {
+        this.$store.dispatch('profile/updateActiveProfile', profileName);
+    }
 
     get appName(): string {
         return ManagerInformation.APP_NAME;
     }
 
-    showError(error: R2Error) {
-        this.errorMessage = error.name;
-        this.errorStack = error.message;
-    }
-
     doesProfileExist(nameToCheck: string): boolean {
         if ((nameToCheck.match(new RegExp('^([a-zA-Z0-9])(\\s|[a-zA-Z0-9]|_|-|[.])*$'))) === null) {
             return true;
@@ -356,14 +337,11 @@ export default class Profiles extends Vue {
         );
         this.closeNewProfileModal();
         await this.updateProfileList();
+        this.selectedProfile = newName;
     }
 
-    selectProfile(profile: string) {
-        new Profile(profile);
-        this.selectedProfile = profile;
-        settings.setProfile(profile);
-    }
-
+    // Open modal for entering a name for a new profile. Triggered
+    // either through user action or profile importing via file or code.
     newProfile(type: string, nameOverride: string | undefined) {
         this.newProfileName = nameOverride || '';
         this.addingProfile = true;
@@ -375,18 +353,20 @@ export default class Profiles extends Vue {
         });
     }
 
+    // User confirmed creation of a new profile with a name that didn't exist before.
+    // The profile can be either empty or populated via importing.
     createProfile(profile: string) {
         const safeName = this.makeProfileNameSafe(profile);
         if (safeName === '') {
             return;
         }
-        new Profile(safeName);
         this.profileList.push(safeName);
-        this.selectedProfile = Profile.getActiveProfile().getProfileName();
+        this.selectedProfile = safeName;
         this.addingProfile = false;
         document.dispatchEvent(new CustomEvent("created-profile", {detail: safeName}));
     }
 
+    // User confirmed updating an existing profile via importing.
     updateProfile() {
         this.addingProfile = false;
         document.dispatchEvent(new CustomEvent("created-profile", {detail: this.selectedProfile}));
@@ -395,9 +375,6 @@ export default class Profiles extends Vue {
     closeNewProfileModal() {
         this.addingProfile = false;
         this.renamingProfile = false;
-        if (this.addingProfile) {
-            document.dispatchEvent(new CustomEvent("created-profile", {detail: ''}));
-        }
     }
 
     removeProfile() {
@@ -409,10 +386,8 @@ export default class Profiles extends Vue {
             await FileUtils.emptyDirectory(Profile.getActiveProfile().getPathOfProfile());
             await fs.rmdir(Profile.getActiveProfile().getPathOfProfile());
         } catch (e) {
-            const err: Error = e as Error;
-            this.showError(
-                new R2Error('Error whilst deleting profile', err.message, null)
-            );
+            const err = R2Error.fromThrownValue(e, 'Error whilst deleting profile');
+            this.$store.commit('error/handleError', err);
         }
         if (
             Profile.getActiveProfile()
@@ -426,12 +401,7 @@ export default class Profiles extends Vue {
                 }
             }
         }
-        new Profile('Default');
-        this.selectedProfile = Profile.getActiveProfile().getProfileName();
-
-        const settings = await ManagerSettings.getSingleton(this.activeGame);
-        await settings.setProfile(Profile.getActiveProfile().getProfileName());
-
+        this.selectedProfile = 'Default';
         this.closeRemoveProfileModal();
     }
 
@@ -444,19 +414,21 @@ export default class Profiles extends Vue {
     }
 
     async setProfileAndContinue() {
-        await this.$store.dispatch('updateModList', []);
-        await settings.setProfile(Profile.getActiveProfile().getProfileName());
+        // Reset the mod list to prevent the previous profile's list
+        // flashing on the screen while a new profile's list is loaded.
+        await this.$store.dispatch('profile/updateModList', []);
+
         await this.$router.push({name: 'manager.installed'});
     }
 
     downloadImportedProfileMods(modList: ExportMod[], callback?: () => void) {
         this.percentageImported = 0;
-        ThunderstoreDownloaderProvider.instance.downloadImportedMods(this.activeGame, modList,
+        ThunderstoreDownloaderProvider.instance.downloadImportedMods(this.$store.state.activeGame, modList,
         (progress: number, modName: string, status: number, err: R2Error | null) => {
             if (status == StatusEnum.FAILURE) {
                 this.importingProfile = false;
                 if (err instanceof R2Error) {
-                    this.showError(err);
+                    this.$store.commit('error/handleError', err);
                 }
             } else if (status == StatusEnum.PENDING) {
                 this.percentageImported = Math.floor(progress);
@@ -469,7 +441,7 @@ export default class Profiles extends Vue {
                 }
                 const installResult: R2Error | ManifestV2 = await this.installModAfterDownload(comboMod.getMod(), comboMod.getVersion());
                 if (installResult instanceof R2Error) {
-                    this.showError(installResult);
+                    this.$store.commit('error/handleError', installResult);
                     keepIterating = false;
                     this.importingProfile = false;
                     return;
@@ -507,7 +479,8 @@ export default class Profiles extends Vue {
             const filepath = await ProfileImportExport.downloadProfileCode(this.profileImportCode.trim());
             await this.importProfileHandler([filepath]);
         } catch (e: any) {
-            this.showError(R2Error.fromThrownValue(e, "Failed to import profile"));
+            const err = R2Error.fromThrownValue(e, 'Failed to import profile');
+            this.$store.commit('error/handleError', err);
         }
     }
 
@@ -555,7 +528,9 @@ export default class Profiles extends Vue {
                                 await FileUtils.emptyDirectory(path.join(Profile.getDirectory(), profileName));
                                 await fs.rmdir(path.join(Profile.getDirectory(), profileName));
                             }
-                            new Profile(profileName);
+                            // Use commit instead of dispatch so _profile_update is not
+                            // saved to persistent storage if something goes wrong.
+                            this.$store.commit('profile/setActiveProfile', profileName);
                         }
                         if (parsed.getMods().length > 0) {
                             this.importingProfile = true;
@@ -587,7 +562,7 @@ export default class Profiles extends Vue {
                                         }
                                     }
                                     if (this.importUpdateSelection === 'UPDATE') {
-                                        new Profile(event.detail);
+                                        this.selectedProfile = event.detail;
                                         try {
                                             await FileUtils.emptyDirectory(path.join(Profile.getDirectory(), event.detail));
                                         } catch (e) {
@@ -622,9 +597,8 @@ export default class Profiles extends Vue {
                 }) as EventListener), {once: true});
             }
         } catch (e) {
-            const err = new R2Error("Failed to import profile", (e as Error).message, null);
-            this.showError(err);
-            return;
+            const err = R2Error.fromThrownValue(e, 'Failed to import profile');
+            this.$store.commit('error/handleError', err);
         }
     }
 
@@ -671,19 +645,13 @@ export default class Profiles extends Vue {
     }
 
     async created() {
-
-        this.activeGame = GameManager.activeGame;
-
         fs = FsProvider.instance;
-        settings = await ManagerSettings.getSingleton(this.activeGame);
-        await settings.load();
-
-        this.selectedProfile = settings.getContext().gameSpecific.lastSelectedProfile;
-        new Profile(this.selectedProfile);
+        const settings = await this.$store.getters.settings;
+        await this.$store.dispatch('profile/loadLastSelectedProfile');
 
         // Set default paths
         if (settings.getContext().gameSpecific.gameDirectory === null) {
-            const result = await GameDirectoryResolverProvider.instance.getDirectory(this.activeGame);
+            const result = await GameDirectoryResolverProvider.instance.getDirectory(this.$store.state.activeGame);
             if (!(result instanceof R2Error)) {
                 await settings.setGameDirectory(result);
             }
diff --git a/src/r2mm/installing/default_installation_rules/InstallationRuleApplicator.ts b/src/r2mm/installing/default_installation_rules/InstallationRuleApplicator.ts
index 127267327..eb05bec75 100644
--- a/src/r2mm/installing/default_installation_rules/InstallationRuleApplicator.ts
+++ b/src/r2mm/installing/default_installation_rules/InstallationRuleApplicator.ts
@@ -119,6 +119,8 @@ export default class InstallationRuleApplicator {
             buildBepInExRules("MeepleStation"),
             buildBepInExRules("VoidCrew"),
             buildBepInExRules("Sailwind"),
+            buildBepInExRules("Plasma"),
+            buildBepInExRules("ContentWarning"),
         ]
     }
 }
diff --git a/src/r2mm/installing/profile_installers/ModLoaderVariantRecord.ts b/src/r2mm/installing/profile_installers/ModLoaderVariantRecord.ts
index 7c889bfcd..e399b3274 100644
--- a/src/r2mm/installing/profile_installers/ModLoaderVariantRecord.ts
+++ b/src/r2mm/installing/profile_installers/ModLoaderVariantRecord.ts
@@ -163,6 +163,8 @@ const VARIANTS = {
     Sailwind: MODLOADER_PACKAGES,
     VotV: MODLOADER_PACKAGES,
     Palworld: MODLOADER_PACKAGES,
+    Plasma: MODLOADER_PACKAGES,
+    ContentWarning: MODLOADER_PACKAGES,
 };
 // Exported separately from the definition in order to preserve the key names in the type definition.
 // Otherwise this would become [key: string] and we couldn't use the game names for type hinting elsewhere.
diff --git a/src/r2mm/manager/ModLinker.ts b/src/r2mm/manager/ModLinker.ts
index 856eefa06..bb3584a5e 100644
--- a/src/r2mm/manager/ModLinker.ts
+++ b/src/r2mm/manager/ModLinker.ts
@@ -84,12 +84,9 @@ export default class ModLinker {
         }
 
         if (game.packageLoader == PackageLoader.SHIMLOADER) {
-            if (["ue4ss.dll", "dwmapi.dll"].indexOf(lowercased) > -1) {
+            if (["ue4ss.dll", "dwmapi.dll", "ue4ss-settings.ini"].indexOf(lowercased) > -1) {
                 return path.join(installDirectory, game.dataFolderName, "Binaries", "Win64");
             }
-            if (lowercased == "ue4ss-settings.ini") {
-                return installDirectory;
-            }
             return null;
         } else {
             return installDirectory;
diff --git a/src/r2mm/manager/SettingsDexieStore.ts b/src/r2mm/manager/SettingsDexieStore.ts
index 723bca649..2c871c81f 100644
--- a/src/r2mm/manager/SettingsDexieStore.ts
+++ b/src/r2mm/manager/SettingsDexieStore.ts
@@ -34,7 +34,7 @@ export default class SettingsDexieStore extends Dexie {
 
         // Add all games to store. Borked v2-3 locally
         // Increment per game or change to settings.
-        this.version(66).stores(store);
+        this.version(68).stores(store);
 
         this.activeGame = game;
         this.global = this.table("value");
diff --git a/src/r2mm/mods/ProfileModList.ts b/src/r2mm/mods/ProfileModList.ts
index 394745525..228493eb3 100644
--- a/src/r2mm/mods/ProfileModList.ts
+++ b/src/r2mm/mods/ProfileModList.ts
@@ -27,6 +27,7 @@ import { ProfileApiClient } from '../profiles/ProfilesClient';
 export default class ProfileModList {
 
     public static SUPPORTED_CONFIG_FILE_EXTENSIONS = [".cfg", ".txt", ".json", ".yml", ".yaml", ".ini"];
+    public static readonly MAX_EXPORT_AS_CODE_SIZE = 20000000; // 20MB
 
     private static lock = new AsyncLock();
 
@@ -251,7 +252,26 @@ export default class ProfileModList {
         if (exportBuilder instanceof R2Error) {
             return exportBuilder;
         } else {
-            await exportBuilder.createZip(exportPath);
+            try {
+                await exportBuilder.createZip(exportPath);
+            } catch (e) {
+                return R2Error.fromThrownValue(e);
+            }
+
+            const zipStats = await fs.lstat(exportPath);
+            if (zipStats.size > this.MAX_EXPORT_AS_CODE_SIZE) {
+                const zipSize = FileUtils.humanReadableSize(zipStats.size);
+                const maxSize = FileUtils.humanReadableSize(this.MAX_EXPORT_AS_CODE_SIZE);
+                const fileTypes = this.SUPPORTED_CONFIG_FILE_EXTENSIONS.join(', ');
+                const configFolder = path.join(profile.getPathOfProfile(), 'BepInEx', 'config');
+                return new R2Error(
+                    'The profile is too large to be exported as a code',
+                    `Exported profile size is ${zipSize} while the maximum supported size is ${maxSize}.
+                     Exported profile includes ${fileTypes} files and all the contents of ${configFolder}`,
+                    'You can still try exporting the profile as a file from the settings view.'
+                );
+            }
+
             const profileBuffer = '#r2modman\n' + (await fs.base64FromZip(exportPath));
             try {
                 const storageResponse = await ProfileApiClient.createProfile(profileBuffer);
diff --git a/src/store/index.ts b/src/store/index.ts
index 1d85d3513..6c488e022 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -1,24 +1,28 @@
 import Vue from 'vue';
 import Vuex, { ActionContext } from 'vuex';
 
+import ErrorModule from './modules/ErrorModule';
 import ModalsModule from './modules/ModalsModule';
 import ModFilterModule from './modules/ModFilterModule';
 import ProfileModule from './modules/ProfileModule';
 import { FolderMigration } from '../migrations/FolderMigration';
-import ManifestV2 from '../model/ManifestV2';
+import Game from '../model/game/Game';
+import GameManager from '../model/game/GameManager';
+import R2Error from '../model/errors/R2Error';
 import ThunderstoreMod from '../model/ThunderstoreMod';
-import ThunderstoreDownloaderProvider from "../providers/ror2/downloading/ThunderstoreDownloaderProvider";
 import ThunderstorePackages from '../r2mm/data/ThunderstorePackages';
+import ManagerSettings from '../r2mm/manager/ManagerSettings';
 
 Vue.use(Vuex);
 
 export interface State {
+    activeGame: Game;
     apiConnectionError: string;
     deprecatedMods: Map<string, boolean>;
     dismissedUpdateAll: boolean;
     isMigrationChecked: boolean;
-    localModList: ManifestV2[];
     thunderstoreModList: ThunderstoreMod[];
+    _settings: ManagerSettings | null;
 }
 
 type Context = ActionContext<State, State>;
@@ -30,17 +34,17 @@ type Context = ActionContext<State, State>;
 
 export const store = {
     state: {
-        localModList: [],
+        activeGame: GameManager.defaultGame,
         thunderstoreModList: [],
         dismissedUpdateAll: false,
         isMigrationChecked: false,
         apiConnectionError: "",
         deprecatedMods: new Map<string, boolean>(),
+
+        // Access through getters to ensure the settings are loaded.
+        _settings: null,
     },
     actions: {
-        updateModList({ commit }: Context, modList: ManifestV2[]) {
-            commit('setLocalModList', modList);
-        },
         updateThunderstoreModList({ commit }: Context, modList: ThunderstoreMod[]) {
             commit('setThunderstoreModList', modList);
             commit('setDeprecatedMods', modList);
@@ -63,11 +67,25 @@ export const store = {
             } finally {
                 commit('setMigrationChecked');
             }
+        },
+        async setActiveGame({commit}: Context, game: Game): Promise<ManagerSettings> {
+            // Some parts of the code base reads the active game from
+            // this static class attribute for now. Ideally we wouldn't
+            // need to track it on two separate places.
+            GameManager.activeGame = game;
+            commit('setActiveGame', game);
+
+            // Return settings for the new active game. This comes handy
+            // when accessing settings before user has selected the game
+            // as the settings-getter might throw a sanity check error.
+            const settings = await ManagerSettings.getSingleton(game);
+            commit('setSettings', settings);
+            return settings;
         }
     },
     mutations: {
-        setLocalModList(state: State, list: ManifestV2[]) {
-            state.localModList = list;
+        setActiveGame(state: State, game: Game) {
+            state.activeGame = game;
         },
         setThunderstoreModList(state: State, list: ThunderstoreMod[]) {
             state.thunderstoreModList = list;
@@ -83,17 +101,32 @@ export const store = {
         },
         setDeprecatedMods(state: State) {
             state.deprecatedMods = ThunderstorePackages.getDeprecatedPackageMap();
+        },
+        setSettings(state: State, settings: ManagerSettings) {
+            state._settings = settings;
         }
     },
     getters: {
-        localModsWithUpdates(state: State) {
-            return ThunderstoreDownloaderProvider.instance.getLatestOfAllToUpdate(
-                state.localModList,
-                state.thunderstoreModList
-            );
+        settings(state: State): ManagerSettings {
+            if (state._settings === null) {
+                throw new R2Error(
+                    'Accessing unset settings from Vuex store',
+                    'getters.settings was called before actions.setActiveGame'
+                );
+            }
+
+            if (state._settings.getContext().global.lastSelectedGame !== state.activeGame.internalFolderName) {
+                throw new R2Error(
+                    'Mismatch between active game and settings stored in Vuex store',
+                    'Active game should be updated only via setActiveGame action'
+                );
+            }
+
+            return state._settings;
         }
     },
     modules: {
+        error: ErrorModule,
         modals: ModalsModule,
         modFilters: ModFilterModule,
         profile: ProfileModule,
diff --git a/src/store/modules/ErrorModule.ts b/src/store/modules/ErrorModule.ts
new file mode 100644
index 000000000..89a7e77f4
--- /dev/null
+++ b/src/store/modules/ErrorModule.ts
@@ -0,0 +1,40 @@
+import R2Error from "../../model/errors/R2Error";
+import LoggerProvider, { LogSeverity } from '../../providers/ror2/logging/LoggerProvider';
+
+interface State {
+    error: R2Error | null;
+}
+
+interface ErrorWithLogging {
+    error: R2Error;
+    severity: LogSeverity;
+    logMessage?: string;
+}
+
+export default {
+    namespaced: true,
+
+    state: (): State => ({
+        error: null,
+    }),
+
+    mutations: {
+        discardError: function(state: State): void {
+            state.error = null;
+        },
+
+        handleError: function(
+            state: State,
+            error: R2Error | ErrorWithLogging
+        ): void {
+            state.error = error instanceof R2Error ? error : error.error;
+
+            if (error instanceof R2Error) {
+                LoggerProvider.instance.Log(LogSeverity.ERROR, `[${error.name}]: ${error.message}`);
+            } else {
+                const msg = error.logMessage || `[${error.error.name}]: ${error.error.message}`;
+                LoggerProvider.instance.Log(error.severity, msg);
+            }
+        },
+    }
+}
diff --git a/src/store/modules/ModalsModule.ts b/src/store/modules/ModalsModule.ts
index c49bdca66..cdc0d7067 100644
--- a/src/store/modules/ModalsModule.ts
+++ b/src/store/modules/ModalsModule.ts
@@ -1,25 +1,48 @@
+import ManifestV2 from "../../model/ManifestV2";
 import ThunderstoreMod from "../../model/ThunderstoreMod";
 
 interface State {
+    associatedModsModalMod: ManifestV2 | null;
+    disableModModalMod: ManifestV2 | null;
     downloadModModalMod: ThunderstoreMod | null;
+    isAssociatedModsModOpen: boolean;
     isCategoryFilterModalOpen: boolean;
+    isDisableModModalOpen: boolean;
     isDownloadModModalOpen: boolean;
     isGameRunningModalOpen: boolean;
+    isUninstallModModalOpen: boolean;
+    uninstallModModalMod: ManifestV2 | null;
 }
 
 export default {
     state: (): State => ({
+        associatedModsModalMod: null,
+        disableModModalMod: null,
         downloadModModalMod: null,
+        isAssociatedModsModOpen: false,
         isCategoryFilterModalOpen: false,
+        isDisableModModalOpen: false,
         isDownloadModModalOpen: false,
         isGameRunningModalOpen: false,
+        isUninstallModModalOpen: false,
+        uninstallModModalMod: null,
     }),
 
     mutations: {
+        closeAssociatedModsModal: function(state: State): void {
+            state.isAssociatedModsModOpen = false;
+            state.associatedModsModalMod = null;
+        },
+
         closeCategoryFilterModal: function(state: State): void {
             state.isCategoryFilterModalOpen = false;
         },
 
+        closeDisableModModal: function(state: State): void {
+            state.isDisableModModalOpen = false;
+            state.disableModModalMod = null;
+        },
+
         closeDownloadModModal: function(state: State): void {
             state.isDownloadModModalOpen = false;
             state.downloadModModalMod = null;
@@ -29,10 +52,25 @@ export default {
             state.isGameRunningModalOpen = false;
         },
 
+        closeUninstallModModal: function(state: State): void {
+            state.isUninstallModModalOpen = false;
+            state.uninstallModModalMod = null;
+        },
+
+        openAssociatedModsModal: function(state: State, mod: ManifestV2): void {
+            state.associatedModsModalMod = mod;
+            state.isAssociatedModsModOpen = true;
+        },
+
         openCategoryFilterModal: function(state: State): void {
             state.isCategoryFilterModalOpen = true;
         },
 
+        openDisableModModal: function(state: State, mod: ManifestV2): void {
+            state.disableModModalMod = mod;
+            state.isDisableModModalOpen = true;
+        },
+
         openDownloadModModal: function(state: State, mod: ThunderstoreMod): void {
             state.downloadModModalMod = mod;
             state.isDownloadModModalOpen = true;
@@ -42,6 +80,11 @@ export default {
             state.isGameRunningModalOpen = true;
         },
 
+        openUninstallModModal: function(state: State, mod: ManifestV2): void {
+            state.uninstallModModalMod = mod;
+            state.isUninstallModModalOpen = true;
+        },
+
         openUpdateAllModsModal: function(state: State): void {
             state.downloadModModalMod = null;
             state.isDownloadModModalOpen = true;
diff --git a/src/store/modules/ProfileModule.ts b/src/store/modules/ProfileModule.ts
index 0685d453b..9719100b9 100644
--- a/src/store/modules/ProfileModule.ts
+++ b/src/store/modules/ProfileModule.ts
@@ -1,14 +1,26 @@
-import { GetterTree } from 'vuex';
+import { ActionTree, GetterTree } from 'vuex';
 
 import { State as RootState } from '../index';
+import R2Error from '../../model/errors/R2Error';
 import ManifestV2 from '../../model/ManifestV2';
+import Profile from "../../model/Profile";
 import { SortDirection } from '../../model/real_enums/sort/SortDirection';
 import { SortLocalDisabledMods } from '../../model/real_enums/sort/SortLocalDisabledMods';
 import { SortNaming } from '../../model/real_enums/sort/SortNaming';
+import ThunderstoreCombo from '../../model/ThunderstoreCombo';
+import ConflictManagementProvider from '../../providers/generic/installing/ConflictManagementProvider';
+import ThunderstoreDownloaderProvider from '../../providers/ror2/downloading/ThunderstoreDownloaderProvider';
+import ProfileInstallerProvider from '../../providers/ror2/installing/ProfileInstallerProvider';
+import ManagerSettings from '../../r2mm/manager/ManagerSettings';
 import ModListSort from '../../r2mm/mods/ModListSort';
+import ProfileModList from '../../r2mm/mods/ProfileModList';
 import SearchUtils from '../../utils/SearchUtils';
 
 interface State {
+    activeProfile: Profile | null;
+    expandedByDefault: boolean;
+    funkyMode: boolean;
+    modList: ManifestV2[];
     order?: SortNaming;
     direction?: SortDirection;
     disabledPosition?: SortLocalDisabledMods;
@@ -22,6 +34,10 @@ export default {
     namespaced: true,
 
     state: (): State => ({
+        activeProfile: null,
+        expandedByDefault: false,
+        funkyMode: false,
+        modList: [],
         order: undefined,
         direction: undefined,
         disabledPosition: undefined,
@@ -29,8 +45,47 @@ export default {
     }),
 
     getters: <GetterTree<State, RootState>>{
+        activeProfile(state) {
+            if (state.activeProfile !== null) {
+                return state.activeProfile;
+            }
+
+            console.warn("Called profile/activeProfile but profile is not set. Falling back to Profile provider.");
+            const profile = Profile.getActiveProfile();
+
+            if (profile !== undefined) {
+                return profile;
+            }
+
+            console.warn("Called Profile.getActiveProfile but profile is not set. Falling back to Default profile.");
+            return new Profile('Default');
+        },
+
+        activeProfileOrThrow(state): Profile {
+            // Sanity check before attempting to alter the profile state.
+            if (state.activeProfile === null) {
+                throw new R2Error(
+                    'No active profile found',
+                    'Unable to modify mod list state when active profile is not set.'
+                )
+            }
+
+            return state.activeProfile;
+        },
+
+        activeProfileName(_state, getters) {
+            return getters.activeProfile.getProfileName();
+        },
+
+        modsWithUpdates(state, _getters, rootState): ThunderstoreCombo[] {
+            return ThunderstoreDownloaderProvider.instance.getLatestOfAllToUpdate(
+                state.modList,
+                rootState.thunderstoreModList
+            );
+        },
+
         visibleModList(state, _getters, rootState): ManifestV2[] {
-            let mods = [...rootState.localModList];
+            let mods = [...state.modList];
 
             if (state.searchQuery) {
                 const searchKeys = SearchUtils.makeKeys(state.searchQuery);
@@ -39,9 +94,8 @@ export default {
                 );
             }
 
-            // Theoretically sorters can be undefined to avoid having to
-            // mix ManagerSettings singleton to VueX store.
             if (!state.order || !state.direction || !state.disabledPosition) {
+                console.warn("Called profile/visibleModList before settings were loaded. Did you forget to call loadOrderingSettings action?");
                 return mods;
             }
 
@@ -62,13 +116,27 @@ export default {
     },
 
     mutations: {
-        initialize(
-            state: State,
-            values: [SortNaming, SortDirection, SortLocalDisabledMods]
-        ) {
-            state.order = values[0];
-            state.direction = values[1];
-            state.disabledPosition = values[2];
+        // Use updateActiveProfile action to ensure the persistent
+        // settings are updated.
+        setActiveProfile(state: State, profileName: string) {
+            // Stores the active profile in Profile.ts.
+            const profile = new Profile(profileName);
+
+            state.activeProfile = profile;
+        },
+
+        setExpandedByDefault(state: State, value: boolean) {
+            state.expandedByDefault = value;
+        },
+
+        setFunkyMode(state: State, value: boolean) {
+            state.funkyMode = value;
+        },
+
+        // Avoid calling this directly, prefer updateModList action to
+        // ensure TSMM specific code gets called.
+        setModList(state: State, list: ManifestV2[]) {
+            state.modList = list;
         },
 
         setOrder(state: State, value: SortNaming) {
@@ -87,4 +155,259 @@ export default {
             state.searchQuery = value.trim();
         },
     },
+
+    actions: <ActionTree<State, RootState>>{
+        async disableModsFromActiveProfile(
+            {dispatch, getters},
+            params: {
+                mods: ManifestV2[],
+                onProgress?: (mod: ManifestV2) => void,
+            }
+        ) {
+            const profile = getters.activeProfileOrThrow;
+            await dispatch('disableModsFromProfile', {...params, profile});
+        },
+
+        async disableModsFromProfile(
+            {dispatch},
+            params: {
+                mods: ManifestV2[],
+                profile: Profile,
+                onProgress?: (mod: ManifestV2) => void,
+            }
+        ) {
+            const {mods, profile, onProgress} = params;
+            let lastSuccessfulUpdate: ManifestV2[] | undefined;
+
+            try {
+                // Disable mods on disk.
+                for (const mod of mods) {
+                    onProgress && onProgress(mod);
+
+                    if (!mod.isEnabled()) {
+                        continue;
+                    }
+
+                    const err = await ProfileInstallerProvider.instance.disableMod(mod, profile);
+                    if (err instanceof R2Error) {
+                        throw err;
+                    }
+                }
+
+                // Update mod list status to mods.yml.
+                const updatedList = await ProfileModList.updateMods(mods, profile, (mod) => mod.disable());
+                if (updatedList instanceof R2Error) {
+                    throw updatedList;
+                } else {
+                    lastSuccessfulUpdate = updatedList;
+                }
+            } finally {
+                // Update mod list stored in Vuex.
+                if (lastSuccessfulUpdate !== undefined) {
+                    await dispatch('updateModList', lastSuccessfulUpdate);
+                }
+            }
+
+            // IDK but sounds important.
+            await dispatch('resolveConflicts', lastSuccessfulUpdate);
+        },
+
+        async enableModsOnActiveProfile(
+            {dispatch, getters},
+            params: {
+                mods: ManifestV2[],
+                onProgress?: (mod: ManifestV2) => void,
+            }
+        ) {
+            const profile = getters.activeProfileOrThrow;
+            await dispatch('enableModsOnProfile', {...params, profile});
+        },
+
+        async enableModsOnProfile(
+            {dispatch},
+            params: {
+                mods: ManifestV2[],
+                profile: Profile,
+                onProgress?: (mod: ManifestV2) => void,
+            }
+        ) {
+            const {mods, profile, onProgress} = params;
+            let lastSuccessfulUpdate: ManifestV2[] | undefined;
+
+            try {
+                // Enable mods on disk.
+                for (const mod of mods) {
+                    onProgress && onProgress(mod);
+
+                    if (mod.isEnabled()) {
+                        continue;
+                    }
+
+                    const err = await ProfileInstallerProvider.instance.enableMod(mod, profile);
+                    if (err instanceof R2Error) {
+                        throw err;
+                    }
+                }
+
+                // Update mod list status to mods.yml.
+                const updatedList = await ProfileModList.updateMods(mods, profile, (mod) => mod.enable());
+                if (updatedList instanceof R2Error) {
+                    throw updatedList;
+                } else {
+                    lastSuccessfulUpdate = updatedList;
+                }
+            } finally {
+                // Update mod list stored in Vuex.
+                if (lastSuccessfulUpdate !== undefined) {
+                    await dispatch('updateModList', lastSuccessfulUpdate);
+                }
+            }
+
+            await dispatch('resolveConflicts', lastSuccessfulUpdate);
+        },
+
+        async loadLastSelectedProfile({commit, rootGetters}): Promise<string> {
+            const profileName = rootGetters['settings'].getContext().gameSpecific.lastSelectedProfile;
+            commit('setActiveProfile', profileName);
+            return profileName;
+        },
+
+        async loadModCardSettings({commit, rootGetters}) {
+            const settings: ManagerSettings = rootGetters['settings'];
+            commit('setExpandedByDefault', settings.getContext().global.expandedCards);
+            commit('setFunkyMode', settings.getContext().global.funkyModeEnabled);
+        },
+
+        async loadOrderingSettings({commit, rootGetters}) {
+            const settings: ManagerSettings = rootGetters['settings'];
+            commit('setOrder', settings.getInstalledSortBy());
+            commit('setDirection', settings.getInstalledSortDirection());
+            commit('setDisabledPosition', settings.getInstalledDisablePosition());
+        },
+
+        async resolveConflicts(
+            {},
+            params: {
+                mods: ManifestV2[] | undefined,
+                profile: Profile,
+            }
+        ) {
+            const {mods, profile} = params;
+            if (mods === undefined) return;
+
+            const err = await ConflictManagementProvider.instance.resolveConflicts(mods, profile);
+
+            if (err instanceof R2Error) throw err;
+        },
+
+        async saveModListToDisk(
+            {dispatch},
+            params: {
+                mods: ManifestV2[],
+                profile: Profile,
+            }
+        ) {
+            const {mods, profile} = params;
+
+            ProfileModList.requestLock(async () => {
+                const err = await ProfileModList.saveModList(profile, mods);
+                if (err instanceof R2Error) {
+                    throw err;
+                }
+
+                await dispatch('updateModList', mods);
+                await dispatch('resolveConflicts', params);
+            });
+        },
+
+        // This will be called by background processes and will fail silently
+        // if problems are encountered.
+        async tryLoadModListFromDisk({dispatch, state}) {
+            if (state.activeProfile === null) {
+                return;
+            }
+
+            const modList = await ProfileModList.getModList(state.activeProfile);
+
+            if (!(modList instanceof R2Error)) {
+                await dispatch('updateModList', modList);
+            }
+        },
+
+        async uninstallModsFromActiveProfile(
+            {dispatch, getters},
+            params: {
+                mods: ManifestV2[],
+                onProgress?: (mod: ManifestV2) => void,
+            }
+        ) {
+            const profile = getters.activeProfileOrThrow;
+            await dispatch('uninstallModsFromProfile', {...params, profile});
+        },
+
+        async uninstallModsFromProfile(
+            {dispatch},
+            params: {
+                mods: ManifestV2[],
+                profile: Profile,
+                onProgress?: (mod: ManifestV2) => void,
+            }
+        ) {
+            const {mods, profile, onProgress} = params;
+            let lastSuccessfulUpdate: ManifestV2[] | undefined;
+
+            try {
+                for (const mod of mods) {
+                    onProgress && onProgress(mod);
+
+                    // Remove mods from disk.
+                    const err = await ProfileInstallerProvider.instance.uninstallMod(mod, profile);
+                    if (err instanceof R2Error) {
+                        throw err;
+                    }
+
+                    // Update mod list status to mods.yml.
+                    // TODO: can performance be improved by implementing
+                    // a .removeMods(mods, profile) and calling it once outside the loop?
+                    const updatedList = await ProfileModList.removeMod(mod, profile);
+                    if (updatedList instanceof R2Error) {
+                        throw updatedList;
+                    } else {
+                        lastSuccessfulUpdate = updatedList;
+                    }
+                }
+            } finally {
+                // Update mod list stored in Vuex.
+                if (lastSuccessfulUpdate !== undefined) {
+                    await dispatch('updateModList', lastSuccessfulUpdate);
+                }
+            }
+
+            await dispatch('resolveConflicts', lastSuccessfulUpdate);
+        },
+
+        async updateActiveProfile({commit, rootGetters}, profileName: string) {
+            commit('setActiveProfile', profileName);
+            rootGetters['settings'].setProfile(profileName);
+        },
+
+        async updateDirection({commit, rootGetters}, value: SortDirection) {
+            commit('setDirection', value);
+            rootGetters['settings'].setInstalledSortDirection(value);
+        },
+
+        async updateDisabledPosition({commit, rootGetters}, value: SortLocalDisabledMods) {
+            commit('setDisabledPosition', value);
+            rootGetters['settings'].setInstalledDisablePosition(value);
+        },
+
+        async updateModList({commit}, modList: ManifestV2[]) {
+            commit('setModList', modList);
+        },
+
+        async updateOrder({commit, rootGetters}, value: SortNaming) {
+            commit('setOrder', value);
+            rootGetters['settings'].setInstalledSortBy(value);
+        },
+    },
 }
diff --git a/src/utils/FileUtils.ts b/src/utils/FileUtils.ts
index 4481d11fd..5eb9dc9ff 100644
--- a/src/utils/FileUtils.ts
+++ b/src/utils/FileUtils.ts
@@ -23,4 +23,20 @@ export default class FileUtils {
         return Promise.resolve();
     }
 
+    public static humanReadableSize(bytes: number) {
+        // NumberFormat renders GBs as BBs ("billion bytes") when using "byte" unit type.
+        if (bytes > 999999999 && bytes < 1000000000000) {
+            return `${(bytes / 1000000000).toLocaleString(undefined, {
+                minimumFractionDigits: 1,
+                maximumFractionDigits: 1,
+            })} GB`;
+        }
+
+        return Intl.NumberFormat("en", {
+            notation: "compact",
+            style: "unit",
+            unit: "byte",
+            unitDisplay: "narrow",
+        }).format(bytes);
+    };
 }
diff --git a/test/jest/__tests__/impl/ModLinker/ModLinker.spec.ts b/test/jest/__tests__/impl/ModLinker/ModLinker.spec.ts
index ab9777181..665f31648 100644
--- a/test/jest/__tests__/impl/ModLinker/ModLinker.spec.ts
+++ b/test/jest/__tests__/impl/ModLinker/ModLinker.spec.ts
@@ -32,7 +32,7 @@ const def = () => describe('ModLinker (win32)', () => {
         new Profile('TestProfile');
         await inMemoryFs.mkdirs(Profile.getActiveProfile().getPathOfProfile());
         await GameDirectoryResolverProvider.provide(() => new SettingsRedirectGameDirectoryResolver());
-        settings = await ManagerSettings.getSingleton(GameManager.unsetGame());
+        settings = await ManagerSettings.getSingleton(GameManager.defaultGame);
         await settings.load(true);
         // Hack to work around Dexie loading issue during test
         (ManagerSettings['CONTEXT'] as any) = ({
@@ -51,7 +51,7 @@ const def = () => describe('ModLinker (win32)', () => {
         const testFile = path.join(Profile.getActiveProfile().getPathOfProfile(), "test_file");
         await FsProvider.instance.writeFile(testFile, "content");
         expect(await FsProvider.instance.exists(path.join(settings.getContext().gameSpecific.gameDirectory!, "test_file"))).toBeFalsy();
-        await ModLinker.link(Profile.getActiveProfile(), GameManager.unsetGame());
+        await ModLinker.link(Profile.getActiveProfile(), GameManager.defaultGame);
         expect(await FsProvider.instance.exists(path.join(settings.getContext().gameSpecific.gameDirectory!, "test_file"))).toBeTruthy();
     });
 
@@ -61,7 +61,7 @@ const def = () => describe('ModLinker (win32)', () => {
         const oldStat = await FsProvider.instance.stat(testFile);
         await new Promise(resolve => {
             setTimeout(async () => {
-                await ModLinker.link(Profile.getActiveProfile(), GameManager.unsetGame());
+                await ModLinker.link(Profile.getActiveProfile(), GameManager.defaultGame);
                 expect(await FsProvider.instance.exists(path.join(settings.getContext().gameSpecific.gameDirectory!, "test_file"))).toBeTruthy();
                 const newStat = await FsProvider.instance.stat(testFile);
                 expect(newStat.mtime).toEqual(oldStat.mtime);
@@ -77,7 +77,7 @@ const def = () => describe('ModLinker (win32)', () => {
         await FsProvider.instance.writeFile(testFile, "modified");
         await new Promise(resolve => {
             setTimeout(async () => {
-                await ModLinker.link(Profile.getActiveProfile(), GameManager.unsetGame());
+                await ModLinker.link(Profile.getActiveProfile(), GameManager.defaultGame);
                 expect(await FsProvider.instance.exists(path.join(settings.getContext().gameSpecific.gameDirectory!, "test_file"))).toBeTruthy();
                 const newStat = await FsProvider.instance.stat(testFile);
                 expect(newStat.mtime).not.toEqual(oldStat.mtime);
diff --git a/test/jest/__tests__/stubs/providers/SettingsRedirectGameDirectoryResolver.ts b/test/jest/__tests__/stubs/providers/SettingsRedirectGameDirectoryResolver.ts
index a57ffffb8..b95620d27 100644
--- a/test/jest/__tests__/stubs/providers/SettingsRedirectGameDirectoryResolver.ts
+++ b/test/jest/__tests__/stubs/providers/SettingsRedirectGameDirectoryResolver.ts
@@ -7,10 +7,10 @@ import GameManager from '../../../../../src/model/game/GameManager';
 export default class SettingsRedirectGameDirectoryResolver extends GameDirectoryResolverProvider {
 
     async getSteamDirectory(): Promise<string | R2Error> {
-        return (await ManagerSettings.getSingleton(GameManager.unsetGame())).getContext().global.steamDirectory!;
+        return (await ManagerSettings.getSingleton(GameManager.defaultGame)).getContext().global.steamDirectory!;
     }
 
     async getDirectory(game: Game): Promise<string | R2Error> {
-        return (await ManagerSettings.getSingleton(GameManager.unsetGame())).getContext().gameSpecific.gameDirectory!;
+        return (await ManagerSettings.getSingleton(GameManager.defaultGame)).getContext().gameSpecific.gameDirectory!;
     }
 }
diff --git a/test/jest/__tests__/templates/components/template.expandable_card.vue.spec.ts b/test/jest/__tests__/templates/components/template.expandable_card.vue.spec.ts
index fba869376..ec407451c 100644
--- a/test/jest/__tests__/templates/components/template.expandable_card.vue.spec.ts
+++ b/test/jest/__tests__/templates/components/template.expandable_card.vue.spec.ts
@@ -1,80 +1,112 @@
+import Vuex, { Store } from 'vuex';
 import TestSetup from '../../test-setup';
-import { shallowMount } from '@vue/test-utils';
+import { createLocalVue, shallowMount } from '@vue/test-utils';
 import ExpandableCard from '../../../../../src/components/ExpandableCard.vue';
 
+const localVue = createLocalVue();
+localVue.use(Vuex);
+
 describe("ExpandableCard component", () => {
+    let actions: Record<string, typeof jest.fn>;
+    let $store: Store<any>;
 
     let mountOptions: {
         propsData: {
             description: string,
             id: string,
-            expandedByDefault: boolean,
-            showSort: boolean,
+            allowSorting: boolean,
             enabled: boolean
         },
         slots: {
             title: string,
             otherIcons: string,
             default: string
+        },
+        mocks: {
+            $store: Store<any>,
         }
     };
 
     beforeEach(() => {
         TestSetup.stubSetUp();
+
+        actions = {'loadModCardSettings': jest.fn()};  // Reset call count.
+        $store = new Vuex.Store({
+            modules: {
+                profile: {
+                    state: {
+                        expandedByDefault: false
+                    },
+                    actions,
+                    namespaced: true
+                }
+            }
+        });
+
         mountOptions = Object.seal({
             propsData: {
                 description: "This is a description",
                 id: "some-id",
-                expandedByDefault: false,
-                showSort: false,
+                allowSorting: false,
                 enabled: true
             },
             slots: {
                 title: "Title slot",
                 otherIcons: "Icon slot",
                 default: "Action slot"
+            },
+            mocks: {
+                $store
             }
         });
     });
 
-    it("Shows the title", () => {
+    it("Shows the title", async () => {
         const mount = shallowMount(ExpandableCard, mountOptions);
+        await mount.vm.$nextTick();
         const found = mount.findComponent({ ref: "title"});
         expect(found.text()).toBe(mountOptions.slots.title);
+        expect(actions.loadModCardSettings).toHaveBeenCalledTimes(1);
     });
 
-    it("Does not show the description if not expanded", () => {
+    it("Does not show the description if not expanded", async () => {
         const mount = shallowMount(ExpandableCard, mountOptions);
+        await mount.vm.$nextTick();
         const found = mount.findComponent({ ref: "description"});
         expect(found.isVisible()).toBeFalsy();
     });
 
-    it("Does show the description if expanded", () => {
-        mountOptions.propsData.expandedByDefault = true;
+    it("Does show the description if expanded", async () => {
+        $store.state.profile.expandedByDefault = true;
         const mount = shallowMount(ExpandableCard, mountOptions);
+        await mount.vm.$nextTick();
         const found = mount.findComponent({ ref: "description"});
         expect(found.isVisible()).toBeTruthy();
     });
 
-    it("Does not show the footer if not expanded", () => {
+    it("Does not show the footer if not expanded", async () => {
         const mount = shallowMount(ExpandableCard, mountOptions);
+        await mount.vm.$nextTick();
         const found = mount.findComponent({ ref: "footer"});
         expect(found.isVisible()).toBeFalsy();
     });
 
-    it("Does show the footer if expanded", () => {
-        mountOptions.propsData.expandedByDefault = true;
+    it("Does show the footer if expanded", async () => {
+        $store.state.profile.expandedByDefault = true;
         const mount = shallowMount(ExpandableCard, mountOptions);
+        await mount.vm.$nextTick();
         const found = mount.findComponent({ ref: "footer"});
         expect(found.isVisible()).toBeTruthy();
     });
 
-    it("Changes visibility on click", () => {
+    it("Changes visibility on click", async () => {
         const mount = shallowMount(ExpandableCard, mountOptions);
+        await mount.vm.$nextTick();
         expect((mount.vm as any).visible).toBeFalsy();
         const found = mount.findComponent({ ref: "card-expansion"});
         found.trigger("click");
         expect((mount.vm as any).visible).toBeTruthy();
+        expect(actions.loadModCardSettings).toHaveBeenCalledTimes(1);
     });
 
 });