Refatored vite.config to be a bit more streamlined before adding alternate build options. This did end up requiring me to remove @ from imports for some reason. Tests came out fine.

src/router/index.ts

@@ -5,7 +5,7 @@ import {
   RouteLocationNormalized,
   RouteRecordRaw,
 } from "vue-router";
-import { accountsDBPromise } from "@/db/index";
+import { accountsDBPromise } from "../db/index";
 
 /**
  *
@@ -57,7 +57,7 @@ const routes: Array<RouteRecordRaw> = [
   {
     path: "/confirm-gift/:id?",
     name: "confirm-gift",
-    component: () => import("@/views/ConfirmGiftView.vue"),
+    component: () => import("../views/ConfirmGiftView.vue"),
   },
   {
     path: "/contact-amounts",
@@ -97,7 +97,7 @@ const routes: Array<RouteRecordRaw> = [
   {
     path: "/gifted-details",
     name: "gifted-details",
-    component: () => import("@/views/GiftedDetailsView.vue"),
+    component: () => import("../views/GiftedDetailsView.vue"),
   },
   {
     path: "/help",
@@ -147,7 +147,7 @@ const routes: Array<RouteRecordRaw> = [
   {
     path: "/invite-one-accept/:jwt?",
     name: "InviteOneAcceptView",
-    component: () => import("@/views/InviteOneAcceptView.vue"),
+    component: () => import("../views/InviteOneAcceptView.vue"),
   },
   {
     path: "/new-activity",
@@ -228,12 +228,12 @@ const routes: Array<RouteRecordRaw> = [
   {
     path: "/share-my-contact-info",
     name: "share-my-contact-info",
-    component: () => import("@/views/ShareMyContactInfoView.vue"),
+    component: () => import("../views/ShareMyContactInfoView.vue"),
   },
   {
     path: "/shared-photo",
     name: "shared-photo",
-    component: () => import("@/views/SharedPhotoView.vue"),
+    component: () => import("../views/SharedPhotoView.vue"),
   },
 
   // /share-target is also an endpoint in the service worker