diff --git a/package.json b/package.json
index 272fc254..01f46077 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,7 @@
         "bulma-steps": "^2.2.1",
         "bulma-switch": "^2.0.0",
         "core-js": "^3.6.5",
-        "dexie": "^3.0.3",
+        "dexie": "^3.2.7",
         "dot-prop": "^5.2.0",
         "electron-updater": "4.2.5",
         "elliptic": "^6.5.4",
diff --git a/src/components/mixins/SplashMixin.vue b/src/components/mixins/SplashMixin.vue
index adf5e002..2d39c3e2 100644
--- a/src/components/mixins/SplashMixin.vue
+++ b/src/components/mixins/SplashMixin.vue
@@ -67,6 +67,8 @@ export default class SplashMixin extends Vue {
             this.getRequestItem('ThunderstoreDownload').setProgress(100);
         }
 
+        // TODO: since the mod list is stored in IndexedDB storing it
+        // also on a file servers no purpose, clean this up.
         if (response) {
             ApiCacheUtils.storeLastRequest(response.data);
         } else {
@@ -75,8 +77,8 @@ export default class SplashMixin extends Vue {
         }
 
         if (response) {
-            ThunderstorePackages.handlePackageApiResponse(response);
-            await this.$store.dispatch('tsMods/updateMods', ThunderstorePackages.PACKAGES);
+            await ThunderstorePackages.handlePackageApiResponse(this.activeGame.internalFolderName, response);
+            await this.$store.dispatch('tsMods/updateMods');
             await this.moveToNextScreen();
         } else {
             this.heroTitle = 'Failed to get mods from Thunderstore and cache';
@@ -85,7 +87,6 @@ export default class SplashMixin extends Vue {
     }
 
     async continueOffline() {
-        ThunderstorePackages.PACKAGES = [];
         await this.moveToNextScreen();
     }
 
diff --git a/src/components/mixins/UtilityMixin.vue b/src/components/mixins/UtilityMixin.vue
index 7244a907..fbda0cea 100644
--- a/src/components/mixins/UtilityMixin.vue
+++ b/src/components/mixins/UtilityMixin.vue
@@ -28,7 +28,7 @@ export default class UtilityMixin extends Vue {
 
         const response = await ThunderstorePackages.update(this.$store.state.activeGame);
         await ApiCacheUtils.storeLastRequest(response.data);
-        await this.$store.dispatch("tsMods/updateMods", ThunderstorePackages.PACKAGES);
+        await this.$store.dispatch("tsMods/updateMods");
         await this.$store.dispatch("profile/tryLoadModListFromDisk");
     }
 
diff --git a/src/components/views/DownloadModModal.vue b/src/components/views/DownloadModModal.vue
index 552b2c0c..6a63a514 100644
--- a/src/components/views/DownloadModModal.vue
+++ b/src/components/views/DownloadModModal.vue
@@ -109,7 +109,6 @@ import StatusEnum from '../../model/enums/StatusEnum';
 import ThunderstoreCombo from '../../model/ThunderstoreCombo';
 import ProfileInstallerProvider from '../../providers/ror2/installing/ProfileInstallerProvider';
 import ProfileModList from '../../r2mm/mods/ProfileModList';
-import ModBridge from '../../r2mm/mods/ModBridge';
 import Profile from '../../model/Profile';
 import { Progress } from '../all';
 import Game from '../../model/game/Game';
@@ -242,19 +241,15 @@ let assignId = 0;
             this.downloadHandler(refSelectedThunderstoreMod, version);
         }
 
+        // TODO: rethink how this method and provider's downloadLatestOfAll()
+        // access the active game, local mod list and TS mod list.
         async downloadLatest() {
             this.closeModal();
-            const localMods = await ProfileModList.getModList(this.contextProfile!);
-            if (localMods instanceof R2Error) {
-                this.downloadingMod = false;
-                this.$store.commit('error/handleError', localMods);
-                return;
-            }
-            const outdatedMods = localMods.filter(mod => !ModBridge.isCachedLatestVersion(mod));
+            const modsWithUpdates: ThunderstoreCombo[] = this.$store.getters['profile/modsWithUpdates'];
             const currentAssignId = assignId++;
             const progressObject = {
                 progress: 0,
-                initialMods: outdatedMods.map(value => `${value.getName()} (${value.getVersionNumber().toString()})`),
+                initialMods: modsWithUpdates.map(value => `${value.getMod().getName()} (${value.getVersion().toString()})`),
                 modName: '',
                 assignId: currentAssignId,
                 failed: false,
@@ -262,7 +257,7 @@ let assignId = 0;
             this.downloadObject = progressObject;
             DownloadModModal.allVersions.push([currentAssignId, this.downloadObject]);
             this.downloadingMod = true;
-            ThunderstoreDownloaderProvider.instance.downloadLatestOfAll(this.activeGame, outdatedMods, this.thunderstorePackages, (progress: number, modName: string, status: number, err: R2Error | null) => {
+            ThunderstoreDownloaderProvider.instance.downloadLatestOfAll(this.activeGame, modsWithUpdates, this.thunderstorePackages, (progress: number, modName: string, status: number, err: R2Error | null) => {
                 const assignIndex = DownloadModModal.allVersions.findIndex(([number, val]) => number === currentAssignId);
                 if (status === StatusEnum.FAILURE) {
                     if (err !== null) {
@@ -277,7 +272,7 @@ let assignId = 0;
                     const obj = {
                         progress: progress,
                         modName: modName,
-                        initialMods: outdatedMods.map(value => `${value.getName()} (${value.getVersionNumber().toString()})`),
+                        initialMods: modsWithUpdates.map(value => `${value.getMod().getName()} (${value.getVersion().getVersionNumber().toString()})`),
                         assignId: currentAssignId,
                         failed: false,
                     }
diff --git a/src/components/views/LocalModList/LocalModCard.vue b/src/components/views/LocalModList/LocalModCard.vue
index bf4bc708..97b9a41d 100644
--- a/src/components/views/LocalModList/LocalModCard.vue
+++ b/src/components/views/LocalModList/LocalModCard.vue
@@ -7,7 +7,6 @@ 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({
     components: {
@@ -28,16 +27,20 @@ export default class LocalModCard extends Vue {
         return this.tsMod ? this.tsMod.getDonationLink() : undefined;
     }
 
+    get isDeprecated() {
+        return this.tsMod ? this.tsMod.isDeprecated() : false;
+    }
+
     get isLatestVersion() {
-        return ModBridge.isCachedLatestVersion(this.mod);
+        return this.$store.getters['tsMods/isLatestVersion'](this.mod);
     }
 
     get localModList(): ManifestV2[] {
         return this.$store.state.profile.modList;
     }
 
-    get tsMod() {
-        return ModBridge.getCachedThunderstoreModFromMod(this.mod);
+    get tsMod(): ThunderstoreMod | undefined {
+        return this.$store.getters['tsMods/tsMod'](this.mod);
     }
 
     @Watch("localModList")
@@ -175,7 +178,7 @@ function dependencyStringToModName(x: string) {
 
         <template v-slot:title>
             <span class="non-selectable">
-                <span v-if="mod.isDeprecated()"
+                <span v-if="isDeprecated"
                     class="tag is-danger margin-right margin-right--half-width"
                     v-tooltip.right="'This mod is deprecated and could be broken'">
                     Deprecated
diff --git a/src/model/ManifestV2.ts b/src/model/ManifestV2.ts
index 72c8cc35..641b1e26 100644
--- a/src/model/ManifestV2.ts
+++ b/src/model/ManifestV2.ts
@@ -10,8 +10,6 @@ import ReactiveObjectConverterInterface from './safety/ReactiveObjectConverter';
 import * as path from 'path';
 import PathResolver from '../r2mm/manager/PathResolver';
 import R2Error from './errors/R2Error';
-import ModBridge from '../r2mm/mods/ModBridge';
-import ThunderstorePackages from '../r2mm/data/ThunderstorePackages';
 
 export default class ManifestV2 implements ReactiveObjectConverterInterface {
 
@@ -268,11 +266,6 @@ export default class ManifestV2 implements ReactiveObjectConverterInterface {
         return this.enabled;
     }
 
-    public isDeprecated(): boolean {
-        const tsMod = ModBridge.getCachedThunderstoreModFromMod(this);
-        return tsMod !== undefined ? tsMod.isDeprecated() : false;
-    }
-
     public getIcon(): string {
         return this.icon;
     }
diff --git a/src/model/ThunderstoreMod.ts b/src/model/ThunderstoreMod.ts
index 144a5934..3f04e015 100644
--- a/src/model/ThunderstoreMod.ts
+++ b/src/model/ThunderstoreMod.ts
@@ -76,6 +76,10 @@ export default class ThunderstoreMod extends ThunderstoreVersion implements Reac
         this.versions = versions;
     }
 
+    public getLatestVersion(): ThunderstoreVersion {
+        return this.getVersions().reduce(reduceToNewestVersion);
+    }
+
     public getRating(): number {
         return this.rating;
     }
@@ -172,3 +176,7 @@ export default class ThunderstoreMod extends ThunderstoreVersion implements Reac
         this.donationLink = url;
     }
 }
+
+function reduceToNewestVersion(v1: ThunderstoreVersion, v2: ThunderstoreVersion) {
+    return v1.getVersionNumber().isNewerThan(v2.getVersionNumber()) ? v1 : v2;
+};
diff --git a/src/providers/ror2/downloading/ThunderstoreDownloaderProvider.ts b/src/providers/ror2/downloading/ThunderstoreDownloaderProvider.ts
index 5034ce0a..e2b0e1f7 100644
--- a/src/providers/ror2/downloading/ThunderstoreDownloaderProvider.ts
+++ b/src/providers/ror2/downloading/ThunderstoreDownloaderProvider.ts
@@ -45,23 +45,16 @@ export default abstract class ThunderstoreDownloaderProvider {
      */
     public abstract buildDependencySetUsingLatest(mod: ThunderstoreVersion, allMods: ThunderstoreMod[], builder: ThunderstoreCombo[]): ThunderstoreCombo[];
 
-    /**
-     * Allows a list of mods passed in to be converted to the latest version of their equivalent upload.
-     *
-     * @param mods
-     * @param allMods
-     */
-    public abstract getLatestOfAllToUpdate(mods: ManifestV2[], allMods: ThunderstoreMod[]): ThunderstoreCombo[];
-
     /**
      * A top-level method to download the latest version of all mods passed in, including their dependencies.
      *
-     * @param mods              An array of ManifestV2 objects to be updated.
+     * @param game              Currently selected game
+     * @param modsWithUpdate    An array of ThunderstoreCombo objects to be updated.
      * @param allMods           An array of all mods available from the Thunderstore API.
      * @param callback          Callback to show the current state of the downloads.
      * @param completedCallback Callback to perform final actions against. Only called if {@param callback} has not returned a failed status.
      */
-    public abstract downloadLatestOfAll(game: Game, mods: ManifestV2[], allMods: ThunderstoreMod[],
+    public abstract downloadLatestOfAll(game: Game, modsWithUpdate: ThunderstoreCombo[], allMods: ThunderstoreMod[],
                                callback: (progress: number, modName: string, status: number, err: R2Error | null) => void,
                                completedCallback: (modList: ThunderstoreCombo[]) => void): void;
 
diff --git a/src/r2mm/data/ThunderstorePackages.ts b/src/r2mm/data/ThunderstorePackages.ts
index b3a03d3a..61789563 100644
--- a/src/r2mm/data/ThunderstorePackages.ts
+++ b/src/r2mm/data/ThunderstorePackages.ts
@@ -2,12 +2,12 @@ import ThunderstoreMod from '../../model/ThunderstoreMod';
 import Game from '../../model/game/Game';
 import ApiResponse from '../../model/api/ApiResponse';
 import ConnectionProvider from '../../providers/generic/connection/ConnectionProvider';
-import ModBridge from '../mods/ModBridge';
+import * as PackageDb from '../manager/PackageDexieStore';
 
 export default class ThunderstorePackages {
 
-    public static PACKAGES: ThunderstoreMod[] = [];
     public static PACKAGES_MAP: Map<String, ThunderstoreMod> = new Map();
+    // TODO: would IndexedDB or Vuex be more suitable place for exclusions?
     public static EXCLUSIONS: string[] = [];
 
     /**
@@ -16,7 +16,7 @@ export default class ThunderstorePackages {
     public static async update(game: Game) {
         this.EXCLUSIONS = await ConnectionProvider.instance.getExclusions();
         const response = await ConnectionProvider.instance.getPackages(game);
-        this.handlePackageApiResponse(response);
+        await this.handlePackageApiResponse(game.internalFolderName, response);
 
         return response;
     }
@@ -25,22 +25,22 @@ export default class ThunderstorePackages {
      * Transform {response.data} to ThunderstoreMod list and map.
      * @param response api/v1/package data.
      */
-    public static handlePackageApiResponse(response: ApiResponse) {
-        ThunderstorePackages.PACKAGES = response.data
-            .map(ThunderstoreMod.parseFromThunderstoreData)
-            .filter((mod) => !ThunderstorePackages.EXCLUSIONS.includes(mod.getFullName()));
+    public static async handlePackageApiResponse(gameName: string, response: ApiResponse) {
+        const packages = response.data
+            .filter((p) => !ThunderstorePackages.EXCLUSIONS.includes(p["full_name"]));
 
-        ModBridge.clearCache();
+        // TODO: see if this can be hooked into the progress bar in Splash screen.
+        await PackageDb.updateFromApiResponse(gameName, packages);
+    }
 
-        ThunderstorePackages.PACKAGES_MAP = ThunderstorePackages.PACKAGES.reduce((map, pkg) => {
+    public static getDeprecatedPackageMap(packages: ThunderstoreMod[]): Map<string, boolean> {
+        ThunderstorePackages.PACKAGES_MAP = packages.reduce((map, pkg) => {
             map.set(pkg.getFullName(), pkg);
             return map;
         }, new Map<String, ThunderstoreMod>());
-    }
 
-    public static getDeprecatedPackageMap(): Map<string, boolean> {
         const result = new Map<string, boolean>();
-        this.PACKAGES.forEach(pkg => {
+        packages.forEach(pkg => {
             this.populateDeprecatedPackageMapForModChain(pkg, result);
         });
         return result;
diff --git a/src/r2mm/downloading/BetterThunderstoreDownloader.ts b/src/r2mm/downloading/BetterThunderstoreDownloader.ts
index c707937e..c034ea01 100644
--- a/src/r2mm/downloading/BetterThunderstoreDownloader.ts
+++ b/src/r2mm/downloading/BetterThunderstoreDownloader.ts
@@ -11,11 +11,9 @@ import * as path from 'path';
 import FsProvider from '../../providers/generic/file/FsProvider';
 import FileWriteError from '../../model/errors/FileWriteError';
 import Profile from '../../model/Profile';
-import ThunderstorePackages from '../data/ThunderstorePackages';
 import ExportMod from '../../model/exports/ExportMod';
 import ManagerSettings from '../manager/ManagerSettings';
-import ManifestV2 from '../../model/ManifestV2';
-import ModBridge from '../mods/ModBridge';
+import * as PackageDb from '../manager/PackageDexieStore';
 import ThunderstoreDownloaderProvider from '../../providers/ror2/downloading/ThunderstoreDownloaderProvider';
 import ManagerInformation from '../../_managerinf/ManagerInformation';
 import Game from '../../model/game/Game';
@@ -92,26 +90,12 @@ export default class BetterThunderstoreDownloader extends ThunderstoreDownloader
         })
     }
 
-    public getLatestOfAllToUpdate(mods: ManifestV2[], allMods: ThunderstoreMod[]): ThunderstoreCombo[] {
-        return mods.filter(mod => !ModBridge.isCachedLatestVersion(mod))
-            .map(mod => ModBridge.getCachedThunderstoreModFromMod(mod))
-            .filter(value => value != undefined)
-            .map(mod => {
-                const latestVersion = mod!.getVersions().sort((a, b) => a.getVersionNumber().compareToDescending(b.getVersionNumber()))[0];
-                const combo = new ThunderstoreCombo();
-                combo.setMod(mod!);
-                combo.setVersion(latestVersion);
-                return combo;
-            })
-    }
-
-    public async downloadLatestOfAll(game: Game, mods: ManifestV2[], allMods: ThunderstoreMod[],
+    public async downloadLatestOfAll(game: Game, modsWithUpdates: ThunderstoreCombo[], allMods: ThunderstoreMod[],
                                       callback: (progress: number, modName: string, status: number, err: R2Error | null) => void,
                                       completedCallback: (modList: ThunderstoreCombo[]) => void) {
 
-        const dependenciesToUpdate: ThunderstoreCombo[] = this.getLatestOfAllToUpdate(mods, allMods);
-        const dependencies: ThunderstoreCombo[] = [...dependenciesToUpdate];
-        dependenciesToUpdate.forEach(value => {
+        const dependencies: ThunderstoreCombo[] = [...modsWithUpdates];
+        modsWithUpdates.forEach(value => {
             this.buildDependencySetUsingLatest(value.getVersion(), allMods, dependencies);
         });
 
@@ -203,7 +187,7 @@ export default class BetterThunderstoreDownloader extends ThunderstoreDownloader
     public async downloadImportedMods(game: Game, modList: ExportMod[],
                                        callback: (progress: number, modName: string, status: number, err: R2Error | null) => void,
                                        completedCallback: (mods: ThunderstoreCombo[]) => void) {
-        const tsMods: ThunderstoreMod[] = ThunderstorePackages.PACKAGES;
+        const tsMods = await PackageDb.getPackagesAsThunderstoreMods(game.internalFolderName);
         const comboList: ThunderstoreCombo[] = [];
         for (const importMod of modList) {
             for (const mod of tsMods) {
diff --git a/src/r2mm/manager/PackageDexieStore.ts b/src/r2mm/manager/PackageDexieStore.ts
new file mode 100644
index 00000000..0cc8b60f
--- /dev/null
+++ b/src/r2mm/manager/PackageDexieStore.ts
@@ -0,0 +1,92 @@
+import Dexie, { Table } from 'dexie';
+
+import ThunderstoreMod from '../../model/ThunderstoreMod';
+
+interface DexieVersion {
+    full_name: string;
+    name: string;
+    version_number: string;
+    uuid4: string;
+    dependencies: string[];
+    description: string;
+    icon: string;
+    is_active: boolean;
+    downloads: number;
+    download_url: string;
+    website_url: string;
+    file_size: number;
+    date_created: Date;
+}
+
+interface DexiePackage {
+    full_name: string;
+    owner: string;
+    name: string;
+    uuid4: string;
+    package_url: string;
+    categories: string[];
+    rating_score: number;
+    is_pinned: boolean;
+    is_deprecated: boolean;
+    has_nsfw_content: boolean;
+    donation_link: string | undefined;
+    date_created: Date;
+    date_updated: Date;
+    versions: DexieVersion[];
+
+    // Extra fields not included in the API response
+    community: string;
+    date_fetched: Date; // When the entry was fetched from the API
+}
+
+class PackageDexieStore extends Dexie {
+    packages!: Table<DexiePackage, string>;
+
+    constructor() {
+        super('tsPackages');
+
+        this.version(1).stores({
+            packages: '[community+full_name], [community+date_fetched]'
+        });
+    }
+}
+
+const db = new PackageDexieStore();
+
+// TODO: user type guards to validate (part of) the data before operations?
+export async function updateFromApiResponse(community: string, packages: any[]) {
+    const extra = {community, date_fetched: new Date()};
+    const newPackages: DexiePackage[] = packages.map((pkg) => ({...pkg, ...extra}));
+
+    await db.transaction(
+        'rw',
+        db.packages,
+        async () => {
+            // UPSERT with fresh data from API.
+            // Fetching ids for community's packages and deleting them all using
+            // .bulkDelete would be a bit faster on small package lists due to
+            // .bulkAdd (INSERT) being faster than .bulkPut (UPSERT). It starts
+            // to lose its advantage when the package list grows since fetching
+            // the ids and calling .bulkDelete gets slower. We should optimize
+            // for big lists since the small ones are fast enough anyway, and
+            // this approach also works better with the plans to use pagination
+            // when fetching the package list in the future.
+            await db.packages.bulkPut(newPackages);
+
+            // Find packages that were no longer returned by the API and delete them.
+            // .bulkDelete is faster than calling .delete() on the Collection
+            // directly. Using the odd looking .where(compoundIndex).between(values)
+            // is faster than .where(community).and(filterByDateFetched).
+            const oldIds = await db.packages
+                .where('[community+date_fetched]')
+                .between([community, 0], [community, extra.date_fetched])
+                .primaryKeys();
+            await db.packages.bulkDelete(oldIds);
+        }
+    );
+};
+
+export async function getPackagesAsThunderstoreMods(community: string) {
+    const packages = await db.packages.where({community}).toArray();
+    return packages.map(ThunderstoreMod.parseFromThunderstoreData);
+}
diff --git a/src/r2mm/mods/ModBridge.ts b/src/r2mm/mods/ModBridge.ts
deleted file mode 100644
index 6e22523f..00000000
--- a/src/r2mm/mods/ModBridge.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import ThunderstoreMod from '../../model/ThunderstoreMod';
-import ThunderstoreVersion from '../../model/ThunderstoreVersion';
-import ManifestV2 from '../../model/ManifestV2';
-import ThunderstorePackages from '../data/ThunderstorePackages';
-
-interface CachedMod {
-    tsMod: ThunderstoreMod | undefined;
-    isLatest: boolean;
-}
-
-interface ModCache {
-    [key: string]: CachedMod;
-}
-
-export default class ModBridge {
-    private static CACHE: ModCache = {}
-
-    public static getLatestVersion(mod: ManifestV2, modList: ThunderstoreMod[]): ThunderstoreVersion | undefined {
-        const matchingMod: ThunderstoreMod | undefined = modList.find((tsMod: ThunderstoreMod) => tsMod.getFullName() === mod.getName());
-        if (matchingMod === undefined) {
-            return;
-        }
-        // Compare version numbers and reduce.
-        return matchingMod.getVersions().reduce(reduceToNewestVersion);
-    }
-
-    /**
-     * @deprecated Please use {@link ModBridge.getCachedThunderstoreModFromMod} instead.
-     */
-    public static getThunderstoreModFromMod(mod: ManifestV2, modList: ThunderstoreMod[]): ThunderstoreMod | undefined {
-        return modList.find((tsMod: ThunderstoreMod) => tsMod.getFullName() === mod.getName());
-    }
-
-    /**
-     * @deprecated Please use {@link ModBridge.isCachedLatestVersion} instead.
-     */
-    public static isLatestVersion(vueMod: any): boolean {
-        const mod: ManifestV2 = new ManifestV2().fromReactive(vueMod);
-        const latestVersion: ThunderstoreVersion | void = ModBridge.getLatestVersion(mod, ThunderstorePackages.PACKAGES);
-        if (latestVersion instanceof ThunderstoreVersion) {
-            return mod.getVersionNumber().isEqualOrNewerThan(latestVersion.getVersionNumber());
-        }
-        return true;
-    }
-
-    private static getCached(mod: ManifestV2): CachedMod {
-        const cacheKey = `${mod.getName()}-${mod.getVersionNumber()}`;
-
-        if (ModBridge.CACHE[cacheKey] === undefined) {
-            const tsMod = ThunderstorePackages.PACKAGES_MAP.get(mod.getName());
-
-            if (tsMod === undefined) {
-                ModBridge.CACHE[cacheKey] = { tsMod: undefined, isLatest: true };
-            } else {
-                const latestVersion = tsMod.getVersions().reduce(reduceToNewestVersion);
-                const isLatest = mod.getVersionNumber().isEqualOrNewerThan(latestVersion.getVersionNumber());
-                ModBridge.CACHE[cacheKey] = { tsMod, isLatest };
-            }
-        }
-
-        return ModBridge.CACHE[cacheKey];
-    }
-
-    public static getCachedThunderstoreModFromMod(mod: ManifestV2): ThunderstoreMod | undefined {
-        return ModBridge.getCached(mod).tsMod;
-    }
-
-    public static isCachedLatestVersion(mod: ManifestV2): boolean {
-        return ModBridge.getCached(mod).isLatest;
-    }
-
-    public static clearCache() {
-        ModBridge.CACHE = {};
-    }
-}
-
-const reduceToNewestVersion = (v1: ThunderstoreVersion, v2: ThunderstoreVersion) => {
-    if (v1.getVersionNumber().isNewerThan(v2.getVersionNumber())) {
-        return v1;
-    }
-    return v2;
-};
diff --git a/src/store/modules/TsModsModule.ts b/src/store/modules/TsModsModule.ts
index 959b0e02..1be51367 100644
--- a/src/store/modules/TsModsModule.ts
+++ b/src/store/modules/TsModsModule.ts
@@ -2,12 +2,18 @@ import { ActionTree, GetterTree, MutationTree } from 'vuex';
 
 import { State as RootState } from '../index';
 import ManifestV2 from '../../model/ManifestV2';
+import ThunderstoreCombo from '../../model/ThunderstoreCombo';
 import ThunderstoreMod from '../../model/ThunderstoreMod';
-import ThunderstoreDownloaderProvider from '../../providers/ror2/downloading/ThunderstoreDownloaderProvider';
+import * as PackageDb from '../../r2mm/manager/PackageDexieStore';
 import ThunderstorePackages from '../../r2mm/data/ThunderstorePackages';
 
+interface CachedMod {
+    tsMod: ThunderstoreMod | undefined;
+    isLatest: boolean;
+}
 
 interface State {
+    cache: Map<string, CachedMod>;
     deprecated: Map<string, boolean>;
     mods: ThunderstoreMod[];
 }
@@ -22,12 +28,40 @@ export const TsModsModule = {
     namespaced: true,
 
     state: (): State => ({
+        cache: new Map<string, CachedMod>(),
         deprecated: new Map<string, boolean>(),
         /*** All mods available through API for the current active game */
         mods: [],
     }),
 
     getters: <GetterTree<State, RootState>>{
+        /** Vue components mostly process mods in ManifestV2 format,
+         *  but sometimes need access to ThunderstoreMod format and
+         *  related data too. Since filtering the whole mods list every
+         *  time this happens slows down the LocalModList, cache the
+         *  data in a Map.
+         */
+        cachedMod: (state) => (mod: ManifestV2): CachedMod => {
+            const cacheKey = `${mod.getName()}-${mod.getVersionNumber()}`;
+
+            if (state.cache.get(cacheKey) === undefined) {
+                const tsMod = state.mods.find((m) => m.getFullName() === mod.getName());
+
+                // Updating Vuex state directly instead of mutations is a bad
+                // practice but everything seems to work here since we only
+                // mutate the map instead of replacing it altogether.
+                if (tsMod === undefined) {
+                    state.cache.set(cacheKey, {tsMod: undefined, isLatest: true});
+                } else {
+                    const latestVersionNumber = tsMod.getLatestVersion().getVersionNumber();
+                    const isLatest = mod.getVersionNumber().isEqualOrNewerThan(latestVersionNumber);
+                    state.cache.set(cacheKey, {tsMod, isLatest});
+                }
+            }
+
+            return state.cache.get(cacheKey) as CachedMod;
+        },
+
         /*** Categories used by any mod listed in the community */
         categories(state) {
             const categories = Array.from(
@@ -39,28 +73,49 @@ export const TsModsModule = {
             return categories;
         },
 
+        /*** Is the version of a mod defined by ManifestV2 the newest version? */
+        isLatestVersion: (_state, getters) => (mod: ManifestV2): boolean => {
+            return getters.cachedMod(mod).isLatest;
+        },
+
         /*** Which locally installed mods have updates in Thunderstore? */
-        modsWithUpdates: (state) => (profileMods: ManifestV2[]) => {
-            return ThunderstoreDownloaderProvider.instance.getLatestOfAllToUpdate(
-                profileMods,
-                state.mods
-            );
+        modsWithUpdates: (state, getters) => (profileMods: ManifestV2[]) => {
+            return profileMods
+                .filter(mod => !getters.isLatestVersion(mod))
+                .map((mod): ThunderstoreMod | undefined => getters.tsMod(mod))
+                .filter((tsMod): tsMod is ThunderstoreMod => tsMod !== undefined)
+                .map((tsMod) => {
+                    const combo = new ThunderstoreCombo();
+                    combo.setMod(tsMod);
+                    combo.setVersion(tsMod.getLatestVersion());
+                    return combo;
+                });
+        },
+
+        /*** Return ThunderstoreMod representation of a ManifestV2 */
+        tsMod: (_state, getters) => (mod: ManifestV2): ThunderstoreMod | undefined => {
+            return getters.cachedMod(mod).tsMod;
         }
     },
 
     mutations: <MutationTree<State>>{
+        clearModCache(state) {
+            state.cache.clear();
+        },
         setMods(state, payload: ThunderstoreMod[]) {
             state.mods = payload;
         },
-        updateDeprecated(state) {
-            state.deprecated = ThunderstorePackages.getDeprecatedPackageMap();
+        updateDeprecated(state, allMods: ThunderstoreMod[]) {
+            state.deprecated = ThunderstorePackages.getDeprecatedPackageMap(allMods);
         }
     },
 
     actions: <ActionTree<State, RootState>>{
-        updateMods({commit}, modList: ThunderstoreMod[]) {
+        async updateMods({commit, rootState}) {
+            const modList = await PackageDb.getPackagesAsThunderstoreMods(rootState.activeGame.internalFolderName);
             commit('setMods', modList);
-            commit('updateDeprecated');
+            commit('updateDeprecated', modList);
+            commit('clearModCache');
         }
     }
 }
diff --git a/test/jest/__tests__/test-setup.ts b/test/jest/__tests__/test-setup.ts
index e79ae20e..7403b008 100644
--- a/test/jest/__tests__/test-setup.ts
+++ b/test/jest/__tests__/test-setup.ts
@@ -16,7 +16,6 @@ import ProfileProvider from 'src/providers/ror2/model_implementation/ProfileProv
 export default class TestSetup {
 
     private static preSetUp() {
-        ThunderstorePackages.PACKAGES = [];
         ThunderstorePackages.EXCLUSIONS = [];
     }
 
diff --git a/yarn.lock b/yarn.lock
index 068dd6ca..1fce8775 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5027,10 +5027,10 @@ devtron@^1.4.0:
     highlight.js "^9.3.0"
     humanize-plus "^1.8.1"
 
-dexie@^3.0.3:
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/dexie/-/dexie-3.2.2.tgz#fa6f2a3c0d6ed0766f8d97a03720056f88fe0e01"
-  integrity sha512-q5dC3HPmir2DERlX+toCBbHQXW5MsyrFqPFcovkH9N2S/UW/H3H5AWAB6iEOExeraAu+j+zRDG+zg/D7YhH0qg==
+dexie@^3.2.7:
+  version "3.2.7"
+  resolved "https://registry.yarnpkg.com/dexie/-/dexie-3.2.7.tgz#1346541c9c81e3bc6055a042a928837890595e3a"
+  integrity sha512-2a+BXvVhY5op+smDRLxeBAivE7YcYaneXJ1la3HOkUfX9zKkE/AJ8CNgjiXbtXepFyFmJNGSbmjOwqbT749r/w==
 
 diff-sequences@^26.6.2:
   version "26.6.2"