diff --git a/src/components/mixins/DownloadMixin.vue b/src/components/mixins/DownloadMixin.vue
index 65a020929..04b7b187d 100644
--- a/src/components/mixins/DownloadMixin.vue
+++ b/src/components/mixins/DownloadMixin.vue
@@ -2,9 +2,12 @@
 import Vue from 'vue';
 import Component from 'vue-class-component';
 
-import ThunderstoreMod from "../../model/ThunderstoreMod";
+import R2Error from "../../model/errors/R2Error";
 import Game from "../../model/game/Game";
 import Profile from "../../model/Profile";
+import ThunderstoreCombo from "../../model/ThunderstoreCombo";
+import ThunderstoreMod from "../../model/ThunderstoreMod";
+import { installModsAndResolveConflicts } from "../../utils/ProfileUtils";
 
 
 @Component
@@ -29,5 +32,13 @@ export default class DownloadMixin extends Vue {
     get profile(): Profile {
         return this.$store.getters['profile/activeProfile'];
     }
+
+    async downloadCompletedCallback(downloadedMods: ThunderstoreCombo[]): Promise<void> {
+        try {
+            await installModsAndResolveConflicts(downloadedMods, this.profile.asImmutableProfile(), this.$store);
+        } catch (e) {
+            this.$store.commit('error/handleError', R2Error.fromThrownValue(e));
+        }
+    }
 }
 </script>
diff --git a/src/components/views/DownloadModModal.vue b/src/components/views/DownloadModModal.vue
index eb998f9b1..414b17de7 100644
--- a/src/components/views/DownloadModModal.vue
+++ b/src/components/views/DownloadModModal.vue
@@ -1,14 +1,14 @@
 <template>
     <div>
-        <div id='downloadProgressModal' :class="['modal', {'is-active':downloadingMod}]" v-if="downloadObject !== null">
+        <div id='downloadProgressModal' :class="['modal', {'is-active':downloadingMod}]" v-if="$store.state.download.downloadObject !== null">
             <div class="modal-background" @click="downloadingMod = false;"></div>
             <div class='modal-content'>
                 <div class='notification is-info'>
-                    <h3 class='title'>Downloading {{downloadObject.modName}}</h3>
-                    <p>{{Math.floor(downloadObject.progress)}}% complete</p>
+                    <h3 class='title'>Downloading {{$store.state.download.downloadObject.modName}}</h3>
+                    <p>{{Math.floor($store.state.download.downloadObject.progress)}}% complete</p>
                     <Progress
                         :max='100'
-                        :value='downloadObject.progress'
+                        :value='$store.state.download.downloadObject.progress'
                         :className="['is-dark']"
                     />
                 </div>
@@ -43,22 +43,23 @@
 
 import { mixins } from "vue-class-component";
 import { Component } from 'vue-property-decorator';
-import ThunderstoreMod from '../../model/ThunderstoreMod';
+import { Store } from "vuex";
+
+import { Progress } from '../all';
+import ModalCard from '../ModalCard.vue';
+import DownloadModVersionSelectModal from "../../components/views/DownloadModVersionSelectModal.vue";
+import DownloadMixin from "../mixins/DownloadMixin.vue";
+import StatusEnum from '../../model/enums/StatusEnum';
+import R2Error from '../../model/errors/R2Error';
 import ManifestV2 from '../../model/ManifestV2';
+import Profile from '../../model/Profile';
+import ThunderstoreMod from '../../model/ThunderstoreMod';
 import ThunderstoreVersion from '../../model/ThunderstoreVersion';
-import ThunderstoreDownloaderProvider from '../../providers/ror2/downloading/ThunderstoreDownloaderProvider';
-import R2Error from '../../model/errors/R2Error';
-import StatusEnum from '../../model/enums/StatusEnum';
 import ThunderstoreCombo from '../../model/ThunderstoreCombo';
+import ConflictManagementProvider from '../../providers/generic/installing/ConflictManagementProvider';
 import ProfileInstallerProvider from '../../providers/ror2/installing/ProfileInstallerProvider';
+import ThunderstoreDownloaderProvider from '../../providers/ror2/downloading/ThunderstoreDownloaderProvider';
 import ProfileModList from '../../r2mm/mods/ProfileModList';
-import Profile from '../../model/Profile';
-import { Progress } from '../all';
-import ConflictManagementProvider from '../../providers/generic/installing/ConflictManagementProvider';
-import ModalCard from '../ModalCard.vue';
-import { installModsToProfile } from '../../utils/ProfileUtils';
-import DownloadMixin from "../mixins/DownloadMixin.vue";
-import DownloadModVersionSelectModal from "../../components/views/DownloadModVersionSelectModal.vue";
 
 interface DownloadProgress {
     assignId: number;
@@ -68,8 +69,6 @@ interface DownloadProgress {
     failed: boolean;
 }
 
-let assignId = 0;
-
     @Component({
         components: {
             DownloadModVersionSelectModal,
@@ -79,11 +78,8 @@ let assignId = 0;
     })
     export default class DownloadModModal extends mixins(DownloadMixin) {
 
-        downloadObject: DownloadProgress | null = null;
         downloadingMod: boolean = false;
 
-        static allVersions: [number, DownloadProgress][] = [];
-
         get ignoreCache(): boolean {
             const settings = this.$store.getters['settings'];
             return settings.getContext().global.ignoreCache;
@@ -92,12 +88,16 @@ let assignId = 0;
         public static async downloadSpecific(
             profile: Profile,
             combo: ThunderstoreCombo,
-            ignoreCache: boolean
+            ignoreCache: boolean,
+            store: Store<any>
         ): Promise<void> {
             return new Promise((resolve, reject) => {
                 const tsMod = combo.getMod();
                 const tsVersion = combo.getVersion();
-                const currentAssignId = assignId++;
+
+                store.commit('download/increaseAssignId');
+                const currentAssignId = store.state.download.assignId;
+
                 const progressObject = {
                     progress: 0,
                     initialMods: [`${tsMod.getName()} (${tsVersion.getVersionNumber().toString()})`],
@@ -105,15 +105,23 @@ let assignId = 0;
                     assignId: currentAssignId,
                     failed: false,
                 };
-                DownloadModModal.allVersions.push([currentAssignId, progressObject]);
+
+                store.commit('download/pushDownloadObjectToAllVersions', {
+                    assignId: currentAssignId,
+                    downloadObject: progressObject
+                });
+
                 setTimeout(() => {
                     ThunderstoreDownloaderProvider.instance.download(profile.asImmutableProfile(), tsMod, tsVersion, ignoreCache, (progress: number, modName: string, status: number, err: R2Error | null) => {
-                        const assignIndex = DownloadModModal.allVersions.findIndex(([number, val]) => number === currentAssignId);
+                        const assignIndex = store.state.download.allVersions.findIndex(([number, val]: [number, DownloadProgress]) => number === currentAssignId);
                         if (status === StatusEnum.FAILURE) {
                             if (err !== null) {
-                                const existing = DownloadModModal.allVersions[assignIndex]
+                                const existing = store.state.download.allVersions[assignIndex]
                                 existing[1].failed = true;
-                                DownloadModModal.allVersions[assignIndex] = [currentAssignId, existing[1]];
+                                store.commit('download/updateDownloadObject', {
+                                    assignId: assignIndex,
+                                    downloadVersion: [currentAssignId, existing[1]]
+                                });
                                 DownloadModModal.addSolutionsToError(err);
                                 return reject(err);
                             }
@@ -125,7 +133,10 @@ let assignId = 0;
                                 assignId: currentAssignId,
                                 failed: false,
                             }
-                            DownloadModModal.allVersions[assignIndex] = [currentAssignId, obj];
+                            store.commit('download/updateDownloadObject', {
+                                assignId: assignIndex,
+                                downloadVersion: [currentAssignId, obj]
+                            });
                         }
                     }, async (downloadedMods: ThunderstoreCombo[]) => {
                         ProfileModList.requestLock(async () => {
@@ -155,7 +166,10 @@ let assignId = 0;
         async downloadLatest() {
             this.closeModal();
             const modsWithUpdates: ThunderstoreCombo[] = await this.$store.dispatch('profile/getCombosWithUpdates');
-            const currentAssignId = assignId++;
+
+            this.$store.commit('download/increaseAssignId');
+            const currentAssignId = this.$store.state.download.assignId;
+
             const progressObject = {
                 progress: 0,
                 initialMods: modsWithUpdates.map(value => `${value.getMod().getName()} (${value.getVersion().toString()})`),
@@ -163,17 +177,23 @@ let assignId = 0;
                 assignId: currentAssignId,
                 failed: false,
             };
-            this.downloadObject = progressObject;
-            DownloadModModal.allVersions.push([currentAssignId, this.downloadObject]);
+            this.$store.commit('download/setDownloadObject', progressObject);
+            this.$store.commit('download/pushDownloadObjectToAllVersions', {
+                assignId: currentAssignId,
+                downloadObject: progressObject
+            });
             this.downloadingMod = true;
             ThunderstoreDownloaderProvider.instance.downloadLatestOfAll(modsWithUpdates, this.ignoreCache, (progress: number, modName: string, status: number, err: R2Error | null) => {
-                const assignIndex = DownloadModModal.allVersions.findIndex(([number, val]) => number === currentAssignId);
+                const assignIndex = this.$store.state.download.allVersions.findIndex(([number, val]: [number, DownloadProgress]) => number === currentAssignId);
                 if (status === StatusEnum.FAILURE) {
                     if (err !== null) {
                         this.downloadingMod = false;
-                        const existing = DownloadModModal.allVersions[assignIndex]
+                        const existing = this.$store.state.download.allVersions[assignIndex];
                         existing[1].failed = true;
-                        this.$set(DownloadModModal.allVersions, assignIndex, [currentAssignId, existing[1]]);
+                        this.$store.commit('download/updateDownloadObject', {
+                            assignId: assignIndex,
+                            downloadVersion: [currentAssignId, existing[1]]
+                        });
                         DownloadModModal.addSolutionsToError(err);
                         this.$store.commit('error/handleError', err);
                         return;
@@ -186,17 +206,26 @@ let assignId = 0;
                         assignId: currentAssignId,
                         failed: false,
                     }
-                    if (this.downloadObject!.assignId === currentAssignId) {
-                        this.downloadObject = Object.assign({}, obj);
+                    if (this.$store.state.download.downloadObject!.assignId === currentAssignId) {
+                        this.$store.commit('download/setDownloadObject', obj);
                     }
-                    this.$set(DownloadModModal.allVersions, assignIndex, [currentAssignId, obj]);
+                    this.$store.commit('download/updateDownloadObject', {
+                        assignId: assignIndex,
+                        downloadVersion: [currentAssignId, obj]
+                    });
                 }
-            }, this.downloadCompletedCallback);
+            }, (downloadedMods) => {
+                this.downloadCompletedCallback(downloadedMods);
+                this.downloadingMod = false;
+            });
         }
 
         downloadHandler(tsMod: ThunderstoreMod, tsVersion: ThunderstoreVersion) {
             this.closeModal();
-            const currentAssignId = assignId++;
+
+            this.$store.commit('download/increaseAssignId');
+            const currentAssignId = this.$store.state.download.assignId;
+
             const progressObject = {
                 progress: 0,
                 initialMods: [`${tsMod.getName()} (${tsVersion.getVersionNumber().toString()})`],
@@ -204,18 +233,24 @@ let assignId = 0;
                 assignId: currentAssignId,
                 failed: false,
             };
-            this.downloadObject = progressObject;
-            DownloadModModal.allVersions.push([currentAssignId, this.downloadObject]);
+            this.$store.commit('download/setDownloadObject', progressObject);
+            this.$store.commit('download/pushDownloadObjectToAllVersions', {
+                assignId: currentAssignId,
+                downloadObject: this.$store.state.download.downloadObject
+            });
             this.downloadingMod = true;
             setTimeout(() => {
                 ThunderstoreDownloaderProvider.instance.download(this.profile.asImmutableProfile(), tsMod, tsVersion, this.ignoreCache, (progress: number, modName: string, status: number, err: R2Error | null) => {
-                    const assignIndex = DownloadModModal.allVersions.findIndex(([number, val]) => number === currentAssignId);
+                    const assignIndex = this.$store.state.download.allVersions.findIndex(([number, val]: [number, DownloadProgress]) => number === currentAssignId);
                     if (status === StatusEnum.FAILURE) {
                         if (err !== null) {
                             this.downloadingMod = false;
-                            const existing = DownloadModModal.allVersions[assignIndex]
+                            const existing = this.$store.state.download.allVersions[assignIndex];
                             existing[1].failed = true;
-                            this.$set(DownloadModModal.allVersions, assignIndex, [currentAssignId, existing[1]]);
+                            this.$store.commit('download/updateDownloadObject', {
+                                assignId: assignIndex,
+                                downloadVersion: [currentAssignId, existing[1]]
+                            });
                             DownloadModModal.addSolutionsToError(err);
                             this.$store.commit('error/handleError', err);
                             return;
@@ -228,33 +263,19 @@ let assignId = 0;
                             assignId: currentAssignId,
                             failed: false,
                         }
-                        if (this.downloadObject!.assignId === currentAssignId) {
-                            this.downloadObject = Object.assign({}, obj);
+                        if (this.$store.state.download.downloadObject!.assignId === currentAssignId) {
+                            this.$store.commit('download/setDownloadObject', obj);
                         }
-                        this.$set(DownloadModModal.allVersions, assignIndex, [currentAssignId, obj]);
-                    }
-                }, this.downloadCompletedCallback);
-            }, 1);
-        }
-
-        async downloadCompletedCallback(downloadedMods: ThunderstoreCombo[]) {
-            ProfileModList.requestLock(async () => {
-                const profile = this.profile.asImmutableProfile();
-
-                try {
-                    const modList = await installModsToProfile(downloadedMods, profile);
-                    await this.$store.dispatch('profile/updateModList', modList);
-
-                    const err = await ConflictManagementProvider.instance.resolveConflicts(modList, this.profile.asImmutableProfile());
-                    if (err instanceof R2Error) {
-                        throw err;
+                        this.$store.commit('download/updateDownloadObject', {
+                            assignId: assignIndex,
+                            downloadVersion: [currentAssignId, obj]
+                        });
                     }
-                } catch (e) {
-                    this.$store.commit('error/handleError', R2Error.fromThrownValue(e));
-                } finally {
+                }, (downloadedMods) => {
+                    this.downloadCompletedCallback(downloadedMods);
                     this.downloadingMod = false;
-                }
-            });
+                });
+            }, 1);
         }
 
         static async installModAfterDownload(profile: Profile, mod: ThunderstoreMod, version: ThunderstoreVersion): Promise<R2Error | void> {
diff --git a/src/pages/DownloadMonitor.vue b/src/pages/DownloadMonitor.vue
index 2503e4161..9752b17fd 100644
--- a/src/pages/DownloadMonitor.vue
+++ b/src/pages/DownloadMonitor.vue
@@ -44,7 +44,6 @@
 
 import { Component, Vue } from 'vue-property-decorator';
 import { Hero } from '../components/all';
-import DownloadModModal from '../components/views/DownloadModModal.vue';
 import Progress from '../components/Progress.vue';
 import Timeout = NodeJS.Timeout;
 
@@ -59,9 +58,9 @@ export default class DownloadMonitor extends Vue {
     private activeDownloads: [number, any][] = [];
 
     created() {
-        this.activeDownloads = [...DownloadModModal.allVersions].reverse();
+        this.activeDownloads = [...this.$store.state.download.allVersions].reverse();
         this.refreshInterval = setInterval(() => {
-            this.activeDownloads = [...DownloadModModal.allVersions].reverse();
+            this.activeDownloads = [...this.$store.state.download.allVersions].reverse();
         }, 100);
     }
 
diff --git a/src/pages/Manager.vue b/src/pages/Manager.vue
index 459999cd7..d46dfdf1d 100644
--- a/src/pages/Manager.vue
+++ b/src/pages/Manager.vue
@@ -629,7 +629,7 @@ import ModalCard from '../components/ModalCard.vue';
                     });
                     return;
                 }
-                DownloadModModal.downloadSpecific(this.profile, combo, ignoreCache)
+                DownloadModModal.downloadSpecific(this.profile, combo, ignoreCache, this.$store)
                     .then(async value => {
                         const modList = await ProfileModList.getModList(this.profile.asImmutableProfile());
                         if (!(modList instanceof R2Error)) {
diff --git a/src/store/index.ts b/src/store/index.ts
index adb94f05e..2bc5f2962 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -2,6 +2,7 @@ import Vue from 'vue';
 import Vuex, { ActionContext } from 'vuex';
 
 import ErrorModule from './modules/ErrorModule';
+import { DownloadModule } from './modules/DownloadModule';
 import ModalsModule from './modules/ModalsModule';
 import ModFilterModule from './modules/ModFilterModule';
 import ProfileModule from './modules/ProfileModule';
@@ -123,6 +124,7 @@ export const store = {
     },
     modules: {
         error: ErrorModule,
+        download: DownloadModule,
         modals: ModalsModule,
         modFilters: ModFilterModule,
         profile: ProfileModule,
diff --git a/src/store/modules/DownloadModule.ts b/src/store/modules/DownloadModule.ts
new file mode 100644
index 000000000..2d9a4742b
--- /dev/null
+++ b/src/store/modules/DownloadModule.ts
@@ -0,0 +1,56 @@
+import { GetterTree } from "vuex";
+import { State as RootState } from "../../store";
+
+export interface DownloadProgress {
+    assignId: number;
+    initialMods: string[];
+    modName: string;
+    progress: number;
+    failed: boolean;
+}
+
+
+interface State {
+    allVersions: [number, DownloadProgress][],
+    assignId: number,
+    downloadObject: DownloadProgress | null,
+}
+
+/**
+ * State for mod downloads.
+ */
+export const DownloadModule = {
+    namespaced: true,
+
+    state: (): State => ({
+        allVersions: [],
+        assignId: 0,
+        downloadObject: null, // TODO: Check if the last element of allVersions can be used instead of this
+    }),
+
+    getters: <GetterTree<State, RootState>>{
+        activeDownloadCount(state) {
+            const active = state.allVersions.filter(
+                dl => !dl[1].failed && dl[1].progress < 100
+            );
+            return active.length;
+        },
+    },
+
+    mutations: {
+        setDownloadObject(state: State, downloadObject: DownloadProgress) {
+            state.downloadObject = {...downloadObject};
+        },
+        pushDownloadObjectToAllVersions(state: State, params: { assignId: number, downloadObject: DownloadProgress }) {
+            state.allVersions = [...state.allVersions, [params.assignId, params.downloadObject]];
+        },
+        updateDownloadObject(state: State, params: { assignId: number, downloadVersion: [number, DownloadProgress]}) {
+            const newVersions = [...state.allVersions];
+            newVersions[params.assignId] = params.downloadVersion;
+            state.allVersions = newVersions;
+        },
+        increaseAssignId(state: State) {
+            state.assignId++;
+        }
+    },
+}
diff --git a/src/utils/ProfileUtils.ts b/src/utils/ProfileUtils.ts
index 7700227c1..b538f1b81 100644
--- a/src/utils/ProfileUtils.ts
+++ b/src/utils/ProfileUtils.ts
@@ -1,6 +1,7 @@
 import path from "path";
 
 import * as yaml from "yaml";
+import { Store } from "vuex";
 
 import FileUtils from "./FileUtils";
 import R2Error from "../model/errors/R2Error";
@@ -12,6 +13,7 @@ import Profile, { ImmutableProfile } from "../model/Profile";
 import ThunderstoreCombo from "../model/ThunderstoreCombo";
 import VersionNumber from "../model/VersionNumber";
 import FsProvider from "../providers/generic/file/FsProvider";
+import ConflictManagementProvider from "../providers/generic/installing/ConflictManagementProvider";
 import ZipProvider from "../providers/generic/zip/ZipProvider";
 import ProfileInstallerProvider from "../providers/ror2/installing/ProfileInstallerProvider";
 import * as PackageDb from '../r2mm/manager/PackageDexieStore';
@@ -56,6 +58,18 @@ async function extractConfigsToImportedProfile(
     }
 }
 
+export async function installModsAndResolveConflicts(
+    downloadedMods: ThunderstoreCombo[],
+    profile: ImmutableProfile,
+    store: Store<any>
+): Promise<void> {
+    await ProfileModList.requestLock(async () => {
+        const modList: ManifestV2[] = await installModsToProfile(downloadedMods, profile);
+        await store.dispatch('profile/updateModList', modList);
+        throwForR2Error(await ConflictManagementProvider.instance.resolveConflicts(modList, profile));
+    });
+}
+
 /**
  * Install mods to target profile and sync the changes to mods.yml file
  * This is more performant than calling ProfileModList.addMod() on a