diff --git a/static/js/admin/src/ResultObjectActionMenu.js b/static/js/admin/src/ResultObjectActionMenu.js
index 0c30b5d19c..b35bca9219 100644
--- a/static/js/admin/src/ResultObjectActionMenu.js
+++ b/static/js/admin/src/ResultObjectActionMenu.js
@@ -446,19 +446,19 @@ define('ResultObjectActionMenu', [ 'jquery', 'jquery-ui', 'StringUtilities',  'A
 						})();
 						break;
 					case "patronPermissions":
-						perms_editor_store.commit('setPermissionType', 'Patron');
-						perms_editor_store.commit('setMetadata', metadata);
-						perms_editor_store.commit('setShowModal', true);
-						perms_editor_store.commit('setAlertHandler', self.options.alertHandler);
-						perms_editor_store.commit('setActionHandler', self.actionHandler);
-						perms_editor_store.commit('setResultObject', resultObject);
-						perms_editor_store.commit('setResultObjects', null);
+						perms_editor_store.setPermissionType('Patron');
+						perms_editor_store.setMetadata(metadata);
+						perms_editor_store.setShowModal(true);
+						perms_editor_store.setAlertHandler(self.options.alertHandler);
+						perms_editor_store.setActionHandler(self.actionHandler);
+						perms_editor_store.setResultObject(resultObject);
+						perms_editor_store.setResultObjects(null);
 						break;
 					case "staffPermissions":
-						perms_editor_store.commit('setPermissionType', 'Staff');
-						perms_editor_store.commit('setMetadata', metadata);
-						perms_editor_store.commit('setShowModal', true);
-						perms_editor_store.commit('setAlertHandler', self.options.alertHandler);
+						perms_editor_store.setPermissionType('Staff');
+						perms_editor_store.setMetadata(metadata);
+						perms_editor_store.setShowModal(true);
+						perms_editor_store.setAlertHandler(self.options.alertHandler);
 						break;
 				}
 			},
diff --git a/static/js/admin/src/action/UpdatePatronAccessBatchAction.js b/static/js/admin/src/action/UpdatePatronAccessBatchAction.js
index f0e2e65b82..6868e82bab 100644
--- a/static/js/admin/src/action/UpdatePatronAccessBatchAction.js
+++ b/static/js/admin/src/action/UpdatePatronAccessBatchAction.js
@@ -15,23 +15,23 @@ define('UpdatePatronAccessBatchAction', [ 'jquery', 'AbstractBatchAction'], func
     UpdatePatronAccessBatchAction.prototype.execute = function() {
         let targets = this.getTargets();
 
-        perms_editor_store.commit('setPermissionType', 'Patron');
-        perms_editor_store.commit('setAlertHandler', this.context.view.$alertHandler);
-        perms_editor_store.commit('setActionHandler', this.context.actionHandler);
+        perms_editor_store.setPermissionType('Patron');
+        perms_editor_store.setAlertHandler(this.context.view.$alertHandler);
+        perms_editor_store.setActionHandler(this.context.actionHandler);
         if (targets.length == 1) {
-            perms_editor_store.commit('setResultObject', targets[0]);
-            perms_editor_store.commit('setResultObjects', null);
-            perms_editor_store.commit('setMetadata', targets[0].metadata);
+            perms_editor_store.setResultObject(targets[0]);
+            perms_editor_store.setResultObjects(null);
+            perms_editor_store.setMetadata(targets[0].metadata);
         } else {
-            perms_editor_store.commit('setResultObject', null);
-            perms_editor_store.commit('setResultObjects', targets);
-            perms_editor_store.commit('setMetadata', {
+            perms_editor_store.setResultObject(null);
+            perms_editor_store.setResultObjects(targets);
+            perms_editor_store.setMetadata({
                 title: targets.length + " objects",
                 id: null,
                 type: null
             });
         }
-        perms_editor_store.commit('setShowModal', true);
+        perms_editor_store.setShowModal(true);
 
         AbstractBatchAction.prototype.execute.call(this);
     }
diff --git a/static/js/admin/vue-permissions-editor/package-lock.json b/static/js/admin/vue-permissions-editor/package-lock.json
index b6e14a6141..476a3dad7d 100644
--- a/static/js/admin/vue-permissions-editor/package-lock.json
+++ b/static/js/admin/vue-permissions-editor/package-lock.json
@@ -13,13 +13,14 @@
         "lodash.clonedeep": "^4.5.0",
         "lodash.findindex": "^4.6.0",
         "lodash.isempty": "^4.4.0",
+        "pinia": "^2.1.7",
         "vue": "^3.4.5",
-        "vue-router": "^4.2.5",
-        "vuex": "^4.0.2"
+        "vue-router": "^4.2.5"
       },
       "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.23.7",
         "@babel/preset-env": "^7.23.7",
+        "@pinia/testing": "0.1.3",
         "@testing-library/jest-dom": "^6.2.0",
         "@vitejs/plugin-vue": "^4.6.2",
         "@vue/compiler-sfc": "^3.4.5",
@@ -2644,6 +2645,47 @@
       "integrity": "sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==",
       "dev": true
     },
+    "node_modules/@pinia/testing": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@pinia/testing/-/testing-0.1.3.tgz",
+      "integrity": "sha512-D2Ds2s69kKFaRf2KCcP1NhNZEg5+we59aRyQalwRm7ygWfLM25nDH66267U3hNvRUOTx8ofL24GzodZkOmB5xw==",
+      "dev": true,
+      "dependencies": {
+        "vue-demi": ">=0.14.5"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "pinia": ">=2.1.5"
+      }
+    },
+    "node_modules/@pinia/testing/node_modules/vue-demi": {
+      "version": "0.14.6",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.6.tgz",
+      "integrity": "sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==",
+      "dev": true,
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
@@ -7177,6 +7219,56 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/pinia": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.1.7.tgz",
+      "integrity": "sha512-+C2AHFtcFqjPih0zpYuvof37SFxMQ7OEG2zV9jRI12i9BOy3YQVAHwdKtyyc8pDcDyIc33WCIsZaCFWU7WWxGQ==",
+      "dependencies": {
+        "@vue/devtools-api": "^6.5.0",
+        "vue-demi": ">=0.14.5"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.4.0",
+        "typescript": ">=4.4.4",
+        "vue": "^2.6.14 || ^3.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/pinia/node_modules/vue-demi": {
+      "version": "0.14.6",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.6.tgz",
+      "integrity": "sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/pirates": {
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.5.tgz",
@@ -8109,17 +8201,6 @@
         "vue": "^3.2.0"
       }
     },
-    "node_modules/vuex": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/vuex/-/vuex-4.0.2.tgz",
-      "integrity": "sha512-M6r8uxELjZIK8kTKDGgZTYX/ahzblnzC4isU1tpmEuOIIKmV+TRdc+H4s8ds2NuZ7wpUTdGRzJRtoj+lI+pc0Q==",
-      "dependencies": {
-        "@vue/devtools-api": "^6.0.0-beta.11"
-      },
-      "peerDependencies": {
-        "vue": "^3.0.2"
-      }
-    },
     "node_modules/w3c-hr-time": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
diff --git a/static/js/admin/vue-permissions-editor/package.json b/static/js/admin/vue-permissions-editor/package.json
index a52f1adfec..9a2bd3ec4b 100644
--- a/static/js/admin/vue-permissions-editor/package.json
+++ b/static/js/admin/vue-permissions-editor/package.json
@@ -14,13 +14,14 @@
     "lodash.clonedeep": "^4.5.0",
     "lodash.findindex": "^4.6.0",
     "lodash.isempty": "^4.4.0",
+    "pinia": "^2.1.7",
     "vue": "^3.4.5",
-    "vue-router": "^4.2.5",
-    "vuex": "^4.0.2"
+    "vue-router": "^4.2.5"
   },
   "devDependencies": {
     "@babel/plugin-transform-runtime": "^7.23.7",
     "@babel/preset-env": "^7.23.7",
+    "@pinia/testing": "0.1.3",
     "@testing-library/jest-dom": "^6.2.0",
     "@vitejs/plugin-vue": "^4.6.2",
     "@vue/compiler-sfc": "^3.4.5",
diff --git a/static/js/admin/vue-permissions-editor/src/components/embargo.vue b/static/js/admin/vue-permissions-editor/src/components/embargo.vue
index 8366cd600f..4713363750 100644
--- a/static/js/admin/vue-permissions-editor/src/components/embargo.vue
+++ b/static/js/admin/vue-permissions-editor/src/components/embargo.vue
@@ -45,7 +45,8 @@
 
 <script>
     import { addYears, format, isFuture } from 'date-fns'
-    import {mapState} from "vuex";
+    import { mapActions, mapState } from 'pinia';
+    import { usePermissionsStore } from '../stores/permissions';
 
     export default {
         name: 'embargo',
@@ -82,13 +83,15 @@
         },
 
         computed: {
-            ...mapState({
-                alertHandler: state => state.alertHandler,
-                embargoEndsDate: state => {
-                    return (state.embargoInfo.embargo !== null) ? state.embargoInfo.embargo : '';
+            ...mapState(usePermissionsStore, {
+                alertHandler: store => store.alertHandler,
+                embargoEndsDate: store => {
+                    return (store.embargoInfo.embargo !== null) ? store.embargoInfo.embargo : '';
                 },
-                hasEmbargo: state => state.embargoInfo.embargo !== null
+                hasEmbargo: store => store.embargoInfo.embargo !== null
             }),
+            
+            
 
             formattedEmbargoDate() {
                 if (this.embargoEndsDate === '') {
@@ -100,6 +103,8 @@
         },
 
         methods: {
+            ...mapActions(usePermissionsStore, ['setEmbargoInfo']),
+
             showForm() {
                 this.show_form = !this.show_form;
             },
@@ -110,7 +115,7 @@
             removeEmbargo(confirm = true) {
                 if (!confirm || window.confirm("This will clear the embargo for this object. Are you sure you'd like to continue?")) {
                     this.clearEmbargoInfo();
-                    this.$store.commit('setEmbargoInfo', {
+                    this.setEmbargoInfo({
                         embargo: null,
                         skipEmbargo: false
                     });
@@ -122,7 +127,7 @@
              */
             ignoreEmbargo() {
                 this.clearEmbargoInfo();
-                this.$store.commit('setEmbargoInfo', {
+                this.setEmbargoInfo({
                     embargo: null,
                     skipEmbargo: true
                 });
@@ -145,7 +150,7 @@
                 let future_date = addYears(new Date(), years);
                 let fixed_embargo_date = format(future_date, 'yyyy-LL-dd');
                 this.custom_embargo_date = '';
-                this.$store.commit('setEmbargoInfo', {
+                this.setEmbargoInfo({
                     embargo: fixed_embargo_date,
                     skipEmbargo: false
                 });
@@ -162,7 +167,7 @@
                 if (date_filled && regex_match && isFuture(date_parts)) {
                     this.embargo_type = 'custom';
                     this.error_msg = '';
-                    this.$store.commit('setEmbargoInfo', {
+                    this.setEmbargoInfo({
                         embargo: this.custom_embargo_date,
                         skipEmbargo: false
                     });
diff --git a/static/js/admin/vue-permissions-editor/src/components/modalEditor.vue b/static/js/admin/vue-permissions-editor/src/components/modalEditor.vue
index 013d2714e0..289d75e96b 100644
--- a/static/js/admin/vue-permissions-editor/src/components/modalEditor.vue
+++ b/static/js/admin/vue-permissions-editor/src/components/modalEditor.vue
@@ -43,14 +43,15 @@
 <script>
     import patronRoles from '@/components/patronRoles.vue';
     import staffRoles from "@/components/staffRoles.vue";
-    import { mapState } from 'vuex';
+    import { mapActions, mapState } from 'pinia';
+    import { usePermissionsStore } from '../stores/permissions';
 
     export default {
         name: 'modalEditor',
         components: {patronRoles, staffRoles},
 
         computed: {
-            ...mapState({
+            ...mapState(usePermissionsStore, {
                 actionHandler: state => state.actionHandler,
                 alertHandler: state => state.alertHandler,
                 checkForUnsavedChanges: state => state.checkForUnsavedChanges,
@@ -83,16 +84,18 @@
         },
 
         methods: {
+            ...mapActions(usePermissionsStore, ['setCheckForUnsavedChanges', 'setShowModal']),
+
             closeModalCheck() {
-                this.$store.commit('setCheckForUnsavedChanges', true);
+                this.setCheckForUnsavedChanges(true);
             },
 
             resetChangesCheck(check_changes) {
-                this.$store.commit('setCheckForUnsavedChanges', check_changes);
+                this.setCheckForUnsavedChanges(check_changes);
             },
 
             closeModal() {
-                this.$store.commit('setShowModal', false);
+                this.setShowModal(false);
             }
         }
     }
diff --git a/static/js/admin/vue-permissions-editor/src/components/patronRoles.vue b/static/js/admin/vue-permissions-editor/src/components/patronRoles.vue
index 17428677e5..c43859510a 100644
--- a/static/js/admin/vue-permissions-editor/src/components/patronRoles.vue
+++ b/static/js/admin/vue-permissions-editor/src/components/patronRoles.vue
@@ -98,7 +98,8 @@
     import patronHelpers from '../mixins/patronHelpers';
     import axios from 'axios';
     import cloneDeep from 'lodash.clonedeep';
-    import { mapState } from 'vuex';
+    import { mapActions, mapState } from 'pinia';
+    import { usePermissionsStore } from '../stores/permissions';
 
     const EVERYONE_PRINCIPAL = 'everyone';
     const AUTH_PRINCIPAL = 'authenticated';
@@ -148,19 +149,19 @@
         },
 
         computed: {
-            // Get needed state from Vuex
-            ...mapState({
-                alertHandler: state => state.alertHandler,
-                actionHandler: state => state.actionHandler,
-                changesCheck: state => state.checkForUnsavedChanges,
-                containerType: state => state.metadata.type,
-                embargo: state => state.embargoInfo.embargo,
-                skipEmbargo: state => state.embargoInfo.skipEmbargo,
-                resultObject: state => state.resultObject,
-                resultObjects: state => state.resultObjects,
-                objectPath: state => state.metadata.objectPath,
-                title: state => state.metadata.title,
-                uuid: state => state.metadata.id
+            // Get needed state from Pinia
+            ...mapState(usePermissionsStore, {
+                alertHandler: store => store.alertHandler,
+                actionHandler: store => store.actionHandler,
+                changesCheck: store => store.checkForUnsavedChanges,
+                containerType: store => store.metadata.type,
+                embargo: store => store.embargoInfo.embargo,
+                skipEmbargo: store => store.embargoInfo.skipEmbargo,
+                resultObject: store => store.resultObject,
+                resultObjects: store => store.resultObjects,
+                objectPath: store => store.metadata.objectPath,
+                title: store => store.metadata.title,
+                uuid: store => store.metadata.id
             }),
 
             possibleRoles() {
@@ -272,6 +273,8 @@
         },
 
         methods: {
+            ...mapActions(usePermissionsStore, ['setEmbargoInfo']),
+
             setRoleType(roles, type) {
                 if (roles.length > 0) {
                     roles.forEach((d) => {
@@ -300,7 +303,7 @@
                     return;
                 }
                 axios.get(`/services/api/acl/patron/${this.uuid}`).then((response) => {
-                    this.$store.commit('setEmbargoInfo', {
+                    this.setEmbargoInfo({
                         embargo: response.data.assigned.embargo,
                         skipEmbargo: true
                     });
diff --git a/static/js/admin/vue-permissions-editor/src/components/staffRoles.vue b/static/js/admin/vue-permissions-editor/src/components/staffRoles.vue
index 6d89f7fbe4..08baf9c8b2 100644
--- a/static/js/admin/vue-permissions-editor/src/components/staffRoles.vue
+++ b/static/js/admin/vue-permissions-editor/src/components/staffRoles.vue
@@ -118,7 +118,8 @@
     import axios from 'axios';
     import cloneDeep from 'lodash.clonedeep';
     import isEmpty from 'lodash.isempty';
-    import { mapState } from 'vuex';
+    import { mapState, mapStores } from 'pinia';
+    import {usePermissionsStore} from "../stores/permissions";
 
     export default {
         name: 'staffRoles',
@@ -129,24 +130,6 @@
 
         mixins: [staffRoleList, displayModal],
 
-        watch: {
-            /**
-             * Update a current user's role
-             * @param user
-             */
-            '$store.state.staffRole': {
-                handler() {
-                    let user = this.$store.state.staffRole;
-                    let user_index = this.getUserIndex(user);
-
-                    if (user_index !== -1) {
-                        this.updated_staff_roles[user_index].role = user.role;
-                        this.unsavedUpdates();
-                    }
-                }
-            }
-        },
-
         data() {
             return {
                 current_staff_roles: { inherited: { roles: [] }, assigned: { roles: [] } },
@@ -162,16 +145,18 @@
         },
 
         computed: {
-            // Get needed state from Vuex
-            ...mapState({
-                alertHandler: state => state.alertHandler,
-                changesCheck: state => state.checkForUnsavedChanges,
-                objectPath: state => state.metadata.objectPath,
-                containerType: state => state.metadata.type,
-                uuid: state => state.metadata.id,
-                title: state => state.metadata.title
+            // Get needed state from Pinia
+            ...mapState(usePermissionsStore, {
+                alertHandler: store => store.alertHandler,
+                changesCheck: store => store.checkForUnsavedChanges,
+                objectPath: store => store.metadata.objectPath,
+                containerType: store => store.metadata.type,
+                uuid: store => store.metadata.id,
+                title: store => store.metadata.title
             }),
 
+            ...mapStores(usePermissionsStore),
+
             canSetPermissions() {
                 return ['AdminUnit', 'Collection'].includes(this.containerType);
             },
@@ -370,6 +355,19 @@
         },
 
         mounted() {
+            /* Subscribe to changes in the store. It's nearly impossible to "watch" for
+            *  changes in a pinia store without switching everything to Vue's newer composition API.
+            *  See this discussion https://github.com/vuejs/pinia/discussions/794 and
+            *  https://vuejs.org/guide/extras/composition-api-faq.html */
+            this.permissionsStore.$subscribe((mutation, state) => {
+                let user = state.staffRole
+                let user_index = this.getUserIndex(user);
+
+                if (user_index !== -1) {
+                    this.updated_staff_roles[user_index].role = user.role;
+                    this.unsavedUpdates();
+                }
+            });
             this.getRoles();
         }
     }
diff --git a/static/js/admin/vue-permissions-editor/src/components/staffRolesSelect.vue b/static/js/admin/vue-permissions-editor/src/components/staffRolesSelect.vue
index 25fc95e088..00437e3b9c 100644
--- a/static/js/admin/vue-permissions-editor/src/components/staffRolesSelect.vue
+++ b/static/js/admin/vue-permissions-editor/src/components/staffRolesSelect.vue
@@ -7,6 +7,8 @@
 </template>
 
 <script>
+    import { mapActions } from 'pinia';
+    import { usePermissionsStore } from '../stores/permissions';
     import staffRoleList from "../mixins/staffRoleList";
 
     export default {
@@ -48,8 +50,10 @@
         },
 
         methods: {
-           selectedValue() {
-               this.$store.commit('setStaffRole', { principal: this.user.principal, role: this.selected_role });
+            ...mapActions(usePermissionsStore, ['setStaffRole']),
+
+            selectedValue() {
+               this.setStaffRole({ principal: this.user.principal, role: this.selected_role });
            }
         }
     }
diff --git a/static/js/admin/vue-permissions-editor/src/main.js b/static/js/admin/vue-permissions-editor/src/main.js
index de84a66842..b49be770b9 100644
--- a/static/js/admin/vue-permissions-editor/src/main.js
+++ b/static/js/admin/vue-permissions-editor/src/main.js
@@ -1,19 +1,21 @@
 import { createApp, h } from 'vue'
 import App from './App.vue'
 import router from './router'
-import store from './store'
+import { createPinia } from 'pinia'
+import { usePermissionsStore } from './stores/permissions';
 import './assets/common-styles.css'
 
+const pinia = createPinia();
 window.perms_editor = createApp({
   render() {
     return h(App);
   }
-}).use(router).use(store).mount('#permissions-app');
+}).use(pinia).use(router).mount('#permissions-app');
 
 /**
- * Need to define our Vuex store instance as a global, due to the way Webpack scopes variables,
+ * Need to define our Pinia store instance as a global, due to the way the build scopes variables,
  * so it can be used by non-Vue admin app code
  * Action menu needs to be able to set data values on Vue instance
  * Used by resultObjectActionMenu.js
  */
-window.perms_editor_store = store;
\ No newline at end of file
+window.perms_editor_store = usePermissionsStore();
\ No newline at end of file
diff --git a/static/js/admin/vue-permissions-editor/src/store.js b/static/js/admin/vue-permissions-editor/src/store.js
deleted file mode 100644
index 3afb603a26..0000000000
--- a/static/js/admin/vue-permissions-editor/src/store.js
+++ /dev/null
@@ -1,56 +0,0 @@
-import { createStore } from 'vuex'
-
-// Create a new store instance.
-const store = createStore({
-    state () {
-        return {
-            actionHandler: {},
-            alertHandler: {},
-            checkForUnsavedChanges: false,
-            embargoInfo: {
-                embargo: null,
-                skipEmbargo: true
-            },
-            metadata: {},
-            permissionType: '',
-            resultObject: {},
-            resultObjects: [],
-            showModal: false,
-            staffRole: {}
-        }
-    },
-    mutations: {
-        setActionHandler (state, actionHandler) {
-            state.actionHandler = actionHandler;
-        },
-        setAlertHandler (state, alertHandler) {
-            state.alertHandler = alertHandler;
-        },
-        setCheckForUnsavedChanges (state, unsavedChanges) {
-            state.checkForUnsavedChanges = unsavedChanges;
-        },
-        setEmbargoInfo (state, embargoInfo) {
-            state.embargoInfo = embargoInfo;
-        },
-        setMetadata (state, metadata) {
-            state.metadata = metadata;
-        },
-        setPermissionType (state, permissionType) {
-            state.permissionType = permissionType;
-        },
-        setResultObject (state, resultObject) {
-            state.resultObject = resultObject;
-        },
-        setResultObjects (state, resultObjects) {
-            state.resultObjects = resultObjects;
-        },
-        setShowModal (state, showModal) {
-            state.showModal = showModal;
-        },
-        setStaffRole (state, staffRole) {
-            state.staffRole = staffRole;
-        }
-    }
-});
-
-export default store;
\ No newline at end of file
diff --git a/static/js/admin/vue-permissions-editor/src/stores/permissions.js b/static/js/admin/vue-permissions-editor/src/stores/permissions.js
new file mode 100644
index 0000000000..861288e346
--- /dev/null
+++ b/static/js/admin/vue-permissions-editor/src/stores/permissions.js
@@ -0,0 +1,52 @@
+import { defineStore } from 'pinia'
+
+export const usePermissionsStore = defineStore({
+    id: 'permissions',
+    state: () => ({
+        actionHandler: {},
+        alertHandler: {},
+        checkForUnsavedChanges: false,
+        embargoInfo: {
+            embargo: null,
+            skipEmbargo: true
+        },
+        metadata: {},
+        permissionType: '',
+        resultObject: {},
+        resultObjects: [],
+        showModal: false,
+        staffRole: {}
+    }),
+    actions: {
+        setActionHandler(actionHandler) {
+            this.actionHandler = actionHandler;
+        },
+        setAlertHandler(alertHandler) {
+            this.alertHandler = alertHandler;
+        },
+        setCheckForUnsavedChanges(unsavedChanges) {
+            this.checkForUnsavedChanges = unsavedChanges;
+        },
+        setEmbargoInfo(embargoInfo) {
+            this.embargoInfo = embargoInfo;
+        },
+        setMetadata(metadata) {
+            this.metadata = metadata;
+        },
+        setPermissionType(permissionType) {
+            this.permissionType = permissionType;
+        },
+        setResultObject(resultObject) {
+            this.resultObject = resultObject;
+        },
+        setResultObjects(resultObjects) {
+            this.resultObjects = resultObjects;
+        },
+        setShowModal(showModal) {
+            this.showModal = showModal;
+        },
+        setStaffRole (staffRole) {
+            this.staffRole = staffRole;
+        }
+    }
+});
\ No newline at end of file
diff --git a/static/js/admin/vue-permissions-editor/tests/unit/embargo.spec.js b/static/js/admin/vue-permissions-editor/tests/unit/embargo.spec.js
index 1f8c20da1c..871d438109 100644
--- a/static/js/admin/vue-permissions-editor/tests/unit/embargo.spec.js
+++ b/static/js/admin/vue-permissions-editor/tests/unit/embargo.spec.js
@@ -1,7 +1,8 @@
 import { shallowMount } from '@vue/test-utils';
 import embargo from '@/components/embargo.vue';
+import { createTestingPinia } from '@pinia/testing';
+import { usePermissionsStore } from '@/stores/permissions';
 import { addYears, format } from 'date-fns';
-import store from '@/store';
 
 const testDate = '2099-01-01';
 let embargo_from_server = {
@@ -10,43 +11,50 @@ let embargo_from_server = {
     has_embargo: false
 };
 
-let wrapper;
-let inputs;
+let wrapper, inputs, store;
 
 describe('embargo.vue', () => {
     beforeEach(async () => {
-        store.commit('setAlertHandler', { alertHandler: jest.fn() });
-
         wrapper = shallowMount(embargo, {
             props: {
                 isDeleted: false
             },
             global: {
-                plugins: [store]
+                plugins: [createTestingPinia({
+                    initialState: {
+                        permissions: {
+                            alertHandler: {
+                                alertHandler: jest.fn()
+                            }
+                        }
+                    },
+                    stubActions: false
+                })]
             }
         });
-
+        store = usePermissionsStore();
         await wrapper.vm.$nextTick();
         inputs = wrapper.findAll('input');
         global.confirm = jest.fn().mockReturnValue(true);
     });
 
     afterEach(() => {
+        store.$reset();
         wrapper = null;
     });
 
     it("sets an embargo if one is returned from the server", async () => {
         await wrapper.setData(embargo_from_server);
-        await wrapper.vm.$store.commit('setEmbargoInfo', {
+        await store.setEmbargoInfo({
             embargo: testDate,
             skip_embargo: false
         });
-        expect(wrapper.vm.$store.state.embargoInfo.embargo).toEqual(testDate);
+        expect(store.embargoInfo.embargo).toEqual(testDate);
     });
 
     it("does not set an embargo if one is not returned from the server", async () => {
         await wrapper.setData(embargo_from_server);
-        await wrapper.vm.$store.commit('setEmbargoInfo', {
+        await store.setEmbargoInfo({
             embargo: null,
             skip_embargo: false
         });
@@ -55,7 +63,7 @@ describe('embargo.vue', () => {
 
     it("shows the embargo form if an embargo is set", async () => {
         await wrapper.setData(embargo_from_server);
-        await wrapper.vm.$store.commit('setEmbargoInfo', {
+        await store.setEmbargoInfo({
             embargo: testDate,
             skip_embargo: false
         });
@@ -64,7 +72,7 @@ describe('embargo.vue', () => {
 
     it("hides the embargo form if no embargo is set and displays an 'Add Embargo' button", async () => {
         await wrapper.setData(embargo_from_server);
-        await wrapper.vm.$store.commit('setEmbargoInfo', {
+        await store.setEmbargoInfo({
             embargo: null,
             skip_embargo: false
         });
@@ -75,7 +83,7 @@ describe('embargo.vue', () => {
 
     it("shows the embargo form if the 'set embargo' button is clicked", async () => {
         await wrapper.setData(embargo_from_server);
-        await wrapper.vm.$store.commit('setEmbargoInfo', {
+        await store.setEmbargoInfo({
             embargo: null,
             skip_embargo: false
         });
@@ -85,7 +93,7 @@ describe('embargo.vue', () => {
 
     it("shows a 'Remove Embargo' button if an embargo is set", async () => {
         await wrapper.setData(embargo_from_server);
-        await wrapper.vm.$store.commit('setEmbargoInfo', {
+        await store.setEmbargoInfo({
             embargo: testDate,
             skip_embargo: false
         });
@@ -94,7 +102,7 @@ describe('embargo.vue', () => {
 
     it("hides the 'Remove Embargo' button if no embargo is set and the form is visible", async () => {
         await wrapper.setData(embargo_from_server);
-        await wrapper.vm.$store.commit('setEmbargoInfo', {
+        await store.setEmbargoInfo({
             embargo: null,
             skip_embargo: false
         });
@@ -104,7 +112,7 @@ describe('embargo.vue', () => {
 
     it("hides the form and displays an 'Add Embargo' button if an embargo is removed", async() => {
         await wrapper.setData(embargo_from_server);
-        await wrapper.vm.$store.commit('setEmbargoInfo', {
+        await store.setEmbargoInfo({
             embargo: testDate,
             skip_embargo: false
         });
@@ -120,7 +128,7 @@ describe('embargo.vue', () => {
         wrapper.find("#custom-embargo").trigger('focusout');
 
         await wrapper.vm.$nextTick();
-        expect(wrapper.vm.$store.state.embargoInfo).toEqual({
+        expect(store.embargoInfo).toEqual({
             embargo: testDate,
             skipEmbargo: false
         });
@@ -128,12 +136,12 @@ describe('embargo.vue', () => {
 
     it("updates current embargo if one is already present", async () => {
         await setStartingEmbargo();
-        expect(wrapper.vm.$store.state.embargoInfo.embargo).toBe(testDate);
+        expect(store.embargoInfo.embargo).toBe(testDate);
 
         await wrapper.find("#embargo-1year").trigger('change');
 
         let next_year = format(addYears(new Date(), 1), 'yyyy-LL-dd');
-        expect(wrapper.vm.$store.state.embargoInfo.embargo).toEqual(next_year);
+        expect(store.embargoInfo.embargo).toEqual(next_year);
     });
 
     it("asks user to confirm that they want to delete an embargo", async() => {
@@ -145,7 +153,7 @@ describe('embargo.vue', () => {
     it("updates the data store when an embargo is removed", async() => {
         await setStartingEmbargo();
         await wrapper.find('#remove-embargo').trigger('click');
-        expect(wrapper.vm.$store.state.embargoInfo.embargo).toBe(null);
+        expect(store.embargoInfo.embargo).toBe(null);
     });
 
     it("responds with an error message if user tries to add embargo with the wrong date format", async() => {
@@ -233,7 +241,7 @@ describe('embargo.vue', () => {
         await wrapper.find("#embargo-clear").trigger('change');
 
         expect(wrapper.vm.embargo_type).toEqual('clear');
-        expect(wrapper.vm.$store.state.embargoInfo).toEqual({
+        expect(store.embargoInfo).toEqual({
             embargo: null,
             skipEmbargo: false
         });
@@ -245,7 +253,7 @@ describe('embargo.vue', () => {
         await wrapper.find("#embargo-ignore").trigger('change');
 
         expect(wrapper.vm.embargo_type).toEqual('ignore');
-        expect(wrapper.vm.$store.state.embargoInfo).toEqual({
+        expect(store.embargoInfo).toEqual({
             embargo: null,
             skipEmbargo: true
         });
@@ -257,7 +265,7 @@ describe('embargo.vue', () => {
 
         expect(wrapper.vm.embargo_type).toEqual('1year');
         let next_year = format(addYears(new Date(), 1), 'yyyy-LL-dd');
-        expect(wrapper.vm.$store.state.embargoInfo).toEqual({
+        expect(store.embargoInfo).toEqual({
             embargo: next_year,
             skipEmbargo: false
         });
@@ -271,7 +279,7 @@ describe('embargo.vue', () => {
         await wrapper.vm.$nextTick();
 
         expect(wrapper.vm.embargo_type).toEqual('custom');
-        expect(wrapper.vm.$store.state.embargoInfo).toEqual({
+        expect(store.embargoInfo).toEqual({
             embargo: testDate,
             skipEmbargo: false
         });
@@ -282,7 +290,7 @@ describe('embargo.vue', () => {
     }
 
     async function setStartingEmbargo(embargoDate = testDate) {
-        await wrapper.vm.$store.commit('setEmbargoInfo', {
+        await store.setEmbargoInfo({
             embargo: embargoDate,
             skipEmbargo: false
         });
diff --git a/static/js/admin/vue-permissions-editor/tests/unit/modalEditor.spec.js b/static/js/admin/vue-permissions-editor/tests/unit/modalEditor.spec.js
index 9b7936131e..8967801fd6 100644
--- a/static/js/admin/vue-permissions-editor/tests/unit/modalEditor.spec.js
+++ b/static/js/admin/vue-permissions-editor/tests/unit/modalEditor.spec.js
@@ -1,6 +1,7 @@
 import { shallowMount } from '@vue/test-utils';
 import modalEditor from '@/components/modalEditor.vue';
-import store from '@/store';
+import { createTestingPinia } from '@pinia/testing';
+import { usePermissionsStore } from '@/stores/permissions';
 
 const metadata = {
     id: 'd77fd8c9-744b-42ab-8e20-5ad9bdf8194e',
@@ -12,19 +13,23 @@ const metadata = {
         { container: true, name: 'Test Collection' }
     ]
 };
-let wrapper;
+let wrapper, store;
 
 describe('modalEditor.vue', () => {
     beforeEach(() => {
         wrapper = shallowMount(modalEditor,
             {
                 global: {
-                    plugins: [store]
+                    plugins: [createTestingPinia({
+                        stubActions: false
+                    })]
                 }
             });
+        store = usePermissionsStore();
     });
 
     afterEach(() => {
+        store.$reset();
         wrapper = null;
     });
 
@@ -33,8 +38,8 @@ describe('modalEditor.vue', () => {
     });
 
     it("displays a record title when triggered from admin interface", async () => {
-        await wrapper.vm.$store.commit('setShowModal', true);
-        await wrapper.vm.$store.commit('setMetadata', metadata);
+        await store.setShowModal(true);
+        await store.setMetadata(metadata);
 
         const record = wrapper.find('h3');
         expect(record.text()).toContain(metadata.title);
diff --git a/static/js/admin/vue-permissions-editor/tests/unit/patronRoles.spec.js b/static/js/admin/vue-permissions-editor/tests/unit/patronRoles.spec.js
index fb4d81e12f..1151204081 100644
--- a/static/js/admin/vue-permissions-editor/tests/unit/patronRoles.spec.js
+++ b/static/js/admin/vue-permissions-editor/tests/unit/patronRoles.spec.js
@@ -1,7 +1,8 @@
 import {shallowMount} from '@vue/test-utils';
 import patronRoles from '@/components/patronRoles.vue';
 import moxios from 'moxios';
-import store from '@/store';
+import { createTestingPinia } from '@pinia/testing';
+import { usePermissionsStore } from '@/stores/permissions';
 
 const UUID = '73bc003c-9603-4cd9-8a65-93a22520ef6a';
 const embargo_date = '2099-01-01';
@@ -49,15 +50,11 @@ let compacted_assigned_can_view_roles = [
     { principal: 'patron', role: 'canViewAccessCopies', deleted: false, embargo: false, type: 'assigned', assignedTo: UUID },
 ];
 
-let wrapper, selects;
+let wrapper, selects, store;
 
 describe('patronRoles.vue', () => {
     beforeEach(() => {
         moxios.install();
-
-        store.commit('setActionHandler', { addEvent: jest.fn() });
-        store.commit('setAlertHandler', { alertHandler: jest.fn() });
-        store.commit('setMetadata', { id: UUID, type: 'Folder', deleted: false, embargo: null });
     });
 
     afterEach(() => {
@@ -69,7 +66,7 @@ describe('patronRoles.vue', () => {
         stubDataLoad();
 
         moxios.wait(async () => {
-            await wrapper.vm.$store.commit('setEmbargoInfo', {
+            await store.setEmbargoInfo({
                 embargo: embargo_date,
                 skip_embargo: false
             });
@@ -354,7 +351,7 @@ describe('patronRoles.vue', () => {
         };
 
         stubDataLoad(resp_with_allowed_patrons);
-        wrapper.vm.$store.commit('setMetadata', { type: 'Collection', id: UUID });
+        store.setMetadata({ type: 'Collection', id: UUID });
 
         moxios.wait(async () => {
             expect(wrapper.vm.assignedPatronRoles).toEqual(assigned_other_roles);
@@ -475,7 +472,7 @@ describe('patronRoles.vue', () => {
         };
 
         stubDataLoad(response);
-        wrapper.vm.$store.commit('setMetadata', { type: 'Collection', id: UUID })
+        store.setMetadata({ type: 'Collection', id: UUID })
 
         moxios.wait(() => {
             expect(wrapper.vm.user_type).toEqual('staff');
@@ -508,7 +505,7 @@ describe('patronRoles.vue', () => {
         };
 
         stubDataLoad(response);
-        wrapper.vm.$store.commit('setMetadata', { type: 'Collection', id: UUID });
+        store.setMetadata({ type: 'Collection', id: UUID });
 
         moxios.wait(() => {
             expect(wrapper.vm.submissionAccessDetails().roles).toEqual(assigned_roles);
@@ -952,7 +949,7 @@ describe('patronRoles.vue', () => {
                 { principal: 'authenticated', role: 'canViewOriginals', deleted: false, embargo: false, type: 'inherited', assignedTo: null }
             ]);
 
-            wrapper.vm.$store.commit('setEmbargoInfo', { embargo: embargo_date, skip_embargo: false });
+            store.setEmbargoInfo({ embargo: embargo_date, skip_embargo: false });
             expect(wrapper.vm.displayAssignments).toEqual([
                 { principal: 'patron', role: 'canViewMetadata', deleted: false, embargo: true, type: 'assigned', assignedTo: UUID }
             ]);
@@ -976,7 +973,7 @@ describe('patronRoles.vue', () => {
                 { principal: 'authenticated', role: 'canViewMetadata', deleted: false, embargo: false, type: 'inherited', assignedTo: null }
             ]);
 
-            await wrapper.vm.$store.commit('setEmbargoInfo', embargo_date);
+            await store.setEmbargoInfo(embargo_date);
             expect(wrapper.vm.displayAssignments).toEqual([
                 { principal: 'everyone', role: 'none', deleted: false, embargo: true, type: 'assigned', assignedTo: UUID },
                 { principal: 'authenticated', role: 'canViewMetadata', deleted: false, embargo: false, type: 'inherited', assignedTo: null }
@@ -991,10 +988,10 @@ describe('patronRoles.vue', () => {
         moxios.wait(async () => {
             expect(wrapper.vm.submissionAccessDetails().embargo).toEqual(null);
 
-            await wrapper.vm.$store.commit('setEmbargoInfo', { embargo: embargo_date, skip_embargo: false });
+            await store.setEmbargoInfo({ embargo: embargo_date, skip_embargo: false });
             expect(wrapper.vm.submissionAccessDetails().embargo).toEqual(embargo_date);
 
-            await wrapper.vm.$store.commit('setEmbargoInfo', { embargo: null, skip_embargo: false });
+            await store.setEmbargoInfo({ embargo: null, skip_embargo: false });
             expect(wrapper.vm.submissionAccessDetails().embargo).toEqual(null);
             done();
         })
@@ -1138,9 +1135,8 @@ describe('patronRoles.vue', () => {
     })
 
     it("Save button to disabled when no changes for bulk update", (done) => {
-        mountBulk(resultObjectsTwoFolders);
         stubAllowedPrincipals([]);
-        mountApp();
+        mountApp(true, resultObjectsTwoFolders);
 
         moxios.wait(async () => {
             expect(wrapper.find('.inherited-permissions').exists()).toBe(false)
@@ -1150,11 +1146,11 @@ describe('patronRoles.vue', () => {
             expect(wrapper.vm.submissionAccessDetails().roles).toEqual([]);
             expectSaveButtonDisabled();
 
-            wrapper.vm.$store.commit('setEmbargoInfo', {embargo: embargo_date, skipEmbargo: false});
+            store.setEmbargoInfo({embargo: embargo_date, skipEmbargo: false});
             await wrapper.vm.$nextTick();
             expectSaveButtonDisabled(false);
 
-            wrapper.vm.$store.commit('setEmbargoInfo', {embargo: null, skipEmbargo: true});
+            store.setEmbargoInfo({embargo: null, skipEmbargo: true});
             await wrapper.vm.$nextTick();
             expectSaveButtonDisabled();
 
@@ -1168,8 +1164,7 @@ describe('patronRoles.vue', () => {
     });
 
     it("User type changes to staff only during bulk update", (done) => {
-        mountBulk(resultObjectsTwoFolders);
-        mountApp();
+        mountApp(true, resultObjectsTwoFolders);
 
         moxios.wait(async () => {
             await wrapper.find('#user_type_staff').trigger('change');
@@ -1189,8 +1184,7 @@ describe('patronRoles.vue', () => {
 
     it("Can submit custom groups during bulk update", (done) => {
         stubAllowedPrincipals([{principal: "my:special:group", name: "Special Group"}]);
-        mountBulk(resultObjectsTwoFolders);
-        mountApp();
+        mountApp(true, resultObjectsTwoFolders);
 
         moxios.wait(async () => {
             await wrapper.find('#user_type_patron').trigger('change');
@@ -1231,11 +1225,10 @@ describe('patronRoles.vue', () => {
 
     it("Bulk update submits added embargo", (done) => {
         stubAllowedPrincipals([]);
-        mountBulk(resultObjectsTwoFolders);
-        mountApp();
+        mountApp(true, resultObjectsTwoFolders);
 
         moxios.wait(async () => {
-            await wrapper.vm.$store.commit('setEmbargoInfo', { embargo: embargo_date, skipEmbargo: false });
+            await store.setEmbargoInfo({ embargo: embargo_date, skipEmbargo: false });
             stubBulkDataSaveResponse();
             await wrapper.find('#is-submitting').trigger('click');
 
@@ -1261,8 +1254,8 @@ describe('patronRoles.vue', () => {
     });
 
     it("Enables 'save' by default in bulk mode", (done) => {
-        mountBulk(resultObjectsTwoFolders);
-        mountApp();
+        mountApp(true, resultObjectsTwoFolders);
+
         moxios.wait(() => {
             expectSaveButtonDisabled(false);
             done();
@@ -1286,18 +1279,29 @@ describe('patronRoles.vue', () => {
         }
     ];
 
-    function mountBulk(resultObjects) {
-        store.commit('setResultObjects', resultObjects);
-        store.commit('setMetadata', { type: null, id: null });
-    }
+    function mountApp(use_bulk = false, resultObjects = []) {
+        let initial_permissions = {
+            actionHandler: { addEvent: jest.fn() },
+            alertHandler: { alertHandler: jest.fn() },
+            metadata: { id: UUID, type: 'Folder', deleted: false, embargo: null }
+        }
+        if (use_bulk) {
+            initial_permissions.resultObjects = resultObjects;
+            initial_permissions.metadata = { type: null, id: null }
+        }
 
-    function mountApp() {
         wrapper = shallowMount(patronRoles, {
             global: {
-                plugins: [store]
+                plugins: [createTestingPinia({
+                    initialState: {
+                        permissions: initial_permissions
+                    },
+                    stubActions: false
+                })]
             }
         });
 
+        store = usePermissionsStore();
         global.confirm = jest.fn().mockReturnValue(true);
         selects = wrapper.findAll('select');
     }
diff --git a/static/js/admin/vue-permissions-editor/tests/unit/staffRoles.spec.js b/static/js/admin/vue-permissions-editor/tests/unit/staffRoles.spec.js
index 2325423ba0..23d527ed5b 100644
--- a/static/js/admin/vue-permissions-editor/tests/unit/staffRoles.spec.js
+++ b/static/js/admin/vue-permissions-editor/tests/unit/staffRoles.spec.js
@@ -2,7 +2,8 @@ import { shallowMount } from '@vue/test-utils'
 import '@testing-library/jest-dom'
 import staffRoles from '@/components/staffRoles.vue'
 import moxios from "moxios";
-import store from '@/store';
+import { createTestingPinia } from '@pinia/testing';
+import { usePermissionsStore } from '@/stores/permissions';
 
 const response = {
     inherited: { roles: [{ principal: 'test_admin', role: 'administrator' }] },
@@ -22,22 +23,32 @@ const metadata = () => {
         }]
     };
 };
-let wrapper;
+let wrapper, store;
 
 describe('staffRoles.vue', () => {
     beforeEach(() => {
         moxios.install();
 
-        store.commit('setActionHandler', { addEvent: jest.fn() });
-        store.commit('setAlertHandler', { alertHandler: jest.fn() });
-        store.commit('setMetadata', metadata());
-
         wrapper = shallowMount(staffRoles, {
             global: {
-                plugins: [store]
+                plugins: [createTestingPinia({
+                    initialState: {
+                        permissions: {
+                            actionHandler: {
+                                addEvent: jest.fn()
+                            },
+                            alertHandler: {
+                                alertHandler: jest.fn()
+                            },
+                            metadata: metadata()
+                        }
+                    },
+                    stubActions: false
+                })]
             }
         });
 
+        store = usePermissionsStore();
         moxios.stubRequest(`/services/api/acl/staff/${wrapper.vm.uuid}`, {
             status: 200,
             response: JSON.stringify(response)
@@ -123,7 +134,7 @@ describe('staffRoles.vue', () => {
     });
 
     it("displays names of containers that roles are assigned to in inherited table", (done) => {
-        wrapper.vm.$store.commit('setMetadata', {
+        store.setMetadata({
             id: '4f2be243-ce9e-4f26-91fc-08f1b592734d',
             title: 'Some Subfolder',
             type: 'Folder',
@@ -200,7 +211,7 @@ describe('staffRoles.vue', () => {
 
         // staffSelectRole component updates the data store
         const updatedUser = { principal: 'test_user', role: 'canManage' };
-        await wrapper.vm.$store.commit('setStaffRole', updatedUser);
+        await store.setStaffRole(updatedUser);
         expect(wrapper.vm.updated_staff_roles).toEqual([updatedUser]);
     });
 
@@ -311,11 +322,11 @@ describe('staffRoles.vue', () => {
             let data = metadata();
 
             data.type = 'AdminUnit';
-            await wrapper.vm.$store.commit('setMetadata', data);
+            await store.setMetadata(data);
             expect(wrapper.find('.assigned').exists()).toBe(true);
 
             data.type = 'Collection';
-            await wrapper.vm.$store.commit('setMetadata', data);
+            await store.setMetadata(data);
             expect(wrapper.find('.assigned').exists()).toBe(true);
             done();
         });
@@ -326,15 +337,15 @@ describe('staffRoles.vue', () => {
             let data = metadata();
 
             data.type = 'Folder';
-            await wrapper.vm.$store.commit('setMetadata', data);
+            await store.setMetadata(data);
             expect(wrapper.find('.assigned').exists()).toBe(false);
 
             data.type = 'Work';
-            await wrapper.vm.$store.commit('setMetadata', data);
+            await store.setMetadata(data);
             expect(wrapper.find('.assigned').exists()).toBe(false);
 
             data.type = 'File';
-            await wrapper.vm.$store.commit('setMetadata', data);
+            await store.setMetadata(data);
             expect(wrapper.find('.assigned').exists()).toBe(false);
             done();
         });
@@ -344,17 +355,17 @@ describe('staffRoles.vue', () => {
         let data = metadata();
 
         data.type = 'AdminUnit';
-        await wrapper.vm.$store.commit('setMetadata', data);
+        await store.setMetadata(data);
         let btn = wrapper.find('#is-submitting');
         expect(btn.isVisible()).toBe(true);
 
         data.type = 'Collection';
-        await wrapper.vm.$store.commit('setMetadata', data);
+        await store.setMetadata(data);
         expect(btn.isVisible()).toBe(true);
     });
 
     it("updates the data store to reset 'changesCheck' in parent component", async () => {
-        await wrapper.vm.$store.commit('setCheckForUnsavedChanges', true);
+        await store.setCheckForUnsavedChanges(true);
         expect(wrapper.vm.user_name).toEqual('');
         expect(wrapper.vm.selected_role).toEqual('canAccess');
     });
@@ -362,7 +373,7 @@ describe('staffRoles.vue', () => {
     it("updates the data store to close the modal if 'Cancel' is clicked and there are no unsaved changes", (done) => {
         moxios.wait(() => {
             wrapper.find('#is-canceling').trigger('click');
-            expect(wrapper.vm.$store.state.showModal).toEqual(false);
+            expect(store.showModal).toEqual(false);
             done();
         });
     });
@@ -412,6 +423,7 @@ describe('staffRoles.vue', () => {
 
     afterEach(() => {
         moxios.uninstall();
+        store.$reset();
         wrapper = null;
     });
 });
\ No newline at end of file
diff --git a/static/js/admin/vue-permissions-editor/tests/unit/staffRolesSelect.spec.js b/static/js/admin/vue-permissions-editor/tests/unit/staffRolesSelect.spec.js
index e4deba2118..9e8aa01dc0 100644
--- a/static/js/admin/vue-permissions-editor/tests/unit/staffRolesSelect.spec.js
+++ b/static/js/admin/vue-permissions-editor/tests/unit/staffRolesSelect.spec.js
@@ -1,8 +1,9 @@
 import { shallowMount } from '@vue/test-utils';
 import staffRolesSelect from '@/components/staffRolesSelect.vue';
-import store from '@/store';
+import { createTestingPinia } from '@pinia/testing';
+import { usePermissionsStore } from '@/stores/permissions';
 
-let wrapper;
+let wrapper, store;
 
 describe('staffRolesSelect.vue', () => {
     beforeEach(() => {
@@ -13,12 +14,16 @@ describe('staffRolesSelect.vue', () => {
                 user: { principal: 'test_user', role: 'canAccess' }
             },
             global: {
-                plugins: [store]
+                plugins: [createTestingPinia({
+                    stubActions: false
+                })]
             }
         });
+        store = usePermissionsStore();
     });
 
     afterEach(() => {
+        store.$reset();
         wrapper = null;
     });
 
@@ -29,6 +34,6 @@ describe('staffRolesSelect.vue', () => {
 
     it("updates data store with updated user role when user role changes", () => {
         wrapper.findAll('option')[2].setSelected();
-        expect(wrapper.vm.$store.state.staffRole).toEqual({ principal: 'test_user', role: 'canDescribe' });
+        expect(store.staffRole).toEqual({ principal: 'test_user', role: 'canDescribe' });
     });
 });
\ No newline at end of file
diff --git a/static/js/vue-cdr-access/package-lock.json b/static/js/vue-cdr-access/package-lock.json
index 8108b00305..c9c794ce63 100644
--- a/static/js/vue-cdr-access/package-lock.json
+++ b/static/js/vue-cdr-access/package-lock.json
@@ -24,15 +24,16 @@
         "lodash.range": "^3.2.0",
         "lodash.sortby": "^4.7.0",
         "nouislider": "^15.7.1",
+        "pinia": "^2.1.7",
         "vue": "^3.4.5",
         "vue-i18n": "^9.8.0",
-        "vue-router": "^4.2.5",
-        "vuex": "^4.1.0"
+        "vue-router": "^4.2.5"
       },
       "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.23.7",
         "@babel/preset-env": "^7.23.7",
         "@intlify/vue-i18n-loader": "^4.2.0",
+        "@pinia/testing": "0.1.3",
         "@testing-library/jest-dom": "^6.2.0",
         "@unhead/addons": "^1.8.9",
         "@vitejs/plugin-vue": "^4.6.2",
@@ -1788,6 +1789,70 @@
       "dev": true,
       "peer": true
     },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
+      "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz",
+      "integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz",
+      "integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz",
+      "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/@esbuild/darwin-x64": {
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz",
@@ -1804,6 +1869,278 @@
         "node": ">=12"
       }
     },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz",
+      "integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz",
+      "integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz",
+      "integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz",
+      "integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz",
+      "integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz",
+      "integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz",
+      "integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz",
+      "integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz",
+      "integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz",
+      "integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz",
+      "integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz",
+      "integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz",
+      "integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz",
+      "integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz",
+      "integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz",
+      "integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz",
+      "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/@intlify/bundle-utils": {
       "version": "2.2.2",
       "resolved": "https://registry.npmjs.org/@intlify/bundle-utils/-/bundle-utils-2.2.2.tgz",
@@ -2817,6 +3154,47 @@
       "integrity": "sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==",
       "dev": true
     },
+    "node_modules/@pinia/testing": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@pinia/testing/-/testing-0.1.3.tgz",
+      "integrity": "sha512-D2Ds2s69kKFaRf2KCcP1NhNZEg5+we59aRyQalwRm7ygWfLM25nDH66267U3hNvRUOTx8ofL24GzodZkOmB5xw==",
+      "dev": true,
+      "dependencies": {
+        "vue-demi": ">=0.14.5"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "pinia": ">=2.1.5"
+      }
+    },
+    "node_modules/@pinia/testing/node_modules/vue-demi": {
+      "version": "0.14.6",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.6.tgz",
+      "integrity": "sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==",
+      "dev": true,
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
@@ -8159,6 +8537,56 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/pinia": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.1.7.tgz",
+      "integrity": "sha512-+C2AHFtcFqjPih0zpYuvof37SFxMQ7OEG2zV9jRI12i9BOy3YQVAHwdKtyyc8pDcDyIc33WCIsZaCFWU7WWxGQ==",
+      "dependencies": {
+        "@vue/devtools-api": "^6.5.0",
+        "vue-demi": ">=0.14.5"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.4.0",
+        "typescript": ">=4.4.4",
+        "vue": "^2.6.14 || ^3.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/pinia/node_modules/vue-demi": {
+      "version": "0.14.6",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.6.tgz",
+      "integrity": "sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/pirates": {
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.5.tgz",
@@ -9379,17 +9807,6 @@
         "vue": "^3.2.0"
       }
     },
-    "node_modules/vuex": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/vuex/-/vuex-4.1.0.tgz",
-      "integrity": "sha512-hmV6UerDrPcgbSy9ORAtNXDr9M4wlNP4pEFKye4ujJF8oqgFFuxDCdOLS3eNoRTtq5O3hoBDh9Doj1bQMYHRbQ==",
-      "dependencies": {
-        "@vue/devtools-api": "^6.0.0-beta.11"
-      },
-      "peerDependencies": {
-        "vue": "^3.2.0"
-      }
-    },
     "node_modules/w3c-hr-time": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
diff --git a/static/js/vue-cdr-access/package.json b/static/js/vue-cdr-access/package.json
index 55450464bc..c18ecd30a7 100644
--- a/static/js/vue-cdr-access/package.json
+++ b/static/js/vue-cdr-access/package.json
@@ -25,15 +25,16 @@
     "lodash.range": "^3.2.0",
     "lodash.sortby": "^4.7.0",
     "nouislider": "^15.7.1",
+    "pinia": "^2.1.7",
     "vue": "^3.4.5",
     "vue-i18n": "^9.8.0",
-    "vue-router": "^4.2.5",
-    "vuex": "^4.1.0"
+    "vue-router": "^4.2.5"
   },
   "devDependencies": {
     "@babel/plugin-transform-runtime": "^7.23.7",
     "@babel/preset-env": "^7.23.7",
     "@intlify/vue-i18n-loader": "^4.2.0",
+    "@pinia/testing": "0.1.3",
     "@testing-library/jest-dom": "^6.2.0",
     "@unhead/addons": "^1.8.9",
     "@vitejs/plugin-vue": "^4.6.2",
diff --git a/static/js/vue-cdr-access/src/components/displayWrapper.vue b/static/js/vue-cdr-access/src/components/displayWrapper.vue
index 37a3c029c5..dd90d0c4e7 100644
--- a/static/js/vue-cdr-access/src/components/displayWrapper.vue
+++ b/static/js/vue-cdr-access/src/components/displayWrapper.vue
@@ -54,6 +54,8 @@ Top level component for full record pages with searching/browsing, including Adm
 </template>
 
 <script>
+    import { mapActions } from 'pinia';
+    import { useAccessStore } from '../stores/access';
     import adminUnit from '@/components/full_record/adminUnit.vue';
     import aggregateRecord from '@/components/full_record/aggregateRecord.vue';
     import breadCrumbs from '@/components/full_record/breadCrumbs.vue';
@@ -176,6 +178,8 @@ Top level component for full record pages with searching/browsing, including Adm
         },
 
         methods: {
+            ...mapActions(useAccessStore, ['removePossibleFacetFields']),
+
             retrieveSearchResults() {
                 let param_string = this.formatParamsString(this.updateParams()) + '&getFacets=true';
                 this.uuid = location.pathname.split('/')[2];
@@ -262,7 +266,7 @@ Top level component for full record pages with searching/browsing, including Adm
                     this.container_info.resourceType === 'Folder') {
                     facets_to_remove = FACETS_REMOVE_COLLECTION_AND_CHILDREN;
                 }
-                this.$store.commit('removePossibleFacetFields', facets_to_remove);
+                this.removePossibleFacetFields(facets_to_remove);
             }
         },
 
diff --git a/static/js/vue-cdr-access/src/components/error_pages/notFound.vue b/static/js/vue-cdr-access/src/components/error_pages/notFound.vue
index 0be528b5ce..48e32fda40 100644
--- a/static/js/vue-cdr-access/src/components/error_pages/notFound.vue
+++ b/static/js/vue-cdr-access/src/components/error_pages/notFound.vue
@@ -18,7 +18,9 @@
 <script>
 import headerSmall from "@/components/header/headerSmall.vue";
 import loginUrlUtils from "../../mixins/loginUrlUtils";
-import {mapState} from "vuex";
+import { mapState } from 'pinia';
+import { useAccessStore } from '../../stores/access';
+
 
 export default {
     name: 'notFound',
@@ -35,7 +37,7 @@ export default {
     },
 
     computed: {
-        ...mapState([
+        ...mapState(useAccessStore,[
             'isLoggedIn'
         ])
     },
@@ -44,6 +46,6 @@ export default {
         return {
             title: 'Page not found'
         }
-    },
+    }
 }
 </script>
diff --git a/static/js/vue-cdr-access/src/main.js b/static/js/vue-cdr-access/src/main.js
index 3aa89c8fc9..f418148308 100644
--- a/static/js/vue-cdr-access/src/main.js
+++ b/static/js/vue-cdr-access/src/main.js
@@ -1,9 +1,9 @@
 import { createApp, h } from 'vue'
 import { createI18n } from 'vue-i18n'
 import { createHead, VueHeadMixin } from "@vueuse/head"
+import { createPinia } from 'pinia'
 import App from './App.vue'
 import router from './router'
-import store from './store'
 import translations from '@/translations';
 import './assets/common-styles.css';
 import './assets/nouislider.css'; // Imported here, otherwise it breaks component tests, as an invalid import
@@ -23,6 +23,8 @@ if (document.getElementById('app') !== null && window.dcr_browse_records === und
         }
     });
 
+    const pinia = createPinia();
+
     // Set this here as it gives a build error otherwise
     window.matomoSiteSrcUrl = import.meta.env.VITE_MATOMO_SITE_SRC_URL || '';
 
@@ -31,8 +33,8 @@ if (document.getElementById('app') !== null && window.dcr_browse_records === und
             return h(App);
         }
     }).mixin(VueHeadMixin)
+        .use(pinia)
         .use(head)
-        .use(store)
         .use(router)
         .use(i18n).mount('#app');
 }
\ No newline at end of file
diff --git a/static/js/vue-cdr-access/src/mixins/displayUtils.js b/static/js/vue-cdr-access/src/mixins/displayUtils.js
index fff1c942bf..c7241e0237 100644
--- a/static/js/vue-cdr-access/src/mixins/displayUtils.js
+++ b/static/js/vue-cdr-access/src/mixins/displayUtils.js
@@ -10,7 +10,7 @@ export default {
             } else {
                 id = idOrObject.id;
                 // Don't apply browse types to works and files
-                if (idOrObject.type == 'Work' || idOrObject.type == 'File') {
+                if (idOrObject.type === 'Work' || idOrObject.type === 'File') {
                     browse_type = null;
                 }
             }
diff --git a/static/js/vue-cdr-access/src/mixins/fullRecordUtils.js b/static/js/vue-cdr-access/src/mixins/fullRecordUtils.js
index ae24245af9..ea1f246d4b 100644
--- a/static/js/vue-cdr-access/src/mixins/fullRecordUtils.js
+++ b/static/js/vue-cdr-access/src/mixins/fullRecordUtils.js
@@ -2,7 +2,8 @@ import modalMetadata from '@/components/modalMetadata.vue';
 import thumbnail from '@/components/full_record/thumbnail.vue';
 import permissionUtils from "./permissionUtils";
 import { formatInTimeZone } from 'date-fns-tz';
-import { mapState } from 'vuex';
+import { mapState } from 'pinia';
+import { useAccessStore } from '../stores/access';
 
 export default {
     components: { modalMetadata, thumbnail },
@@ -20,7 +21,7 @@ export default {
     },
 
     computed: {
-        ...mapState([
+        ...mapState(useAccessStore, [
             'isLoggedIn',
             'username'
         ]),
diff --git a/static/js/vue-cdr-access/src/mixins/headerUtils.js b/static/js/vue-cdr-access/src/mixins/headerUtils.js
index f76d705c8b..a9934134b1 100644
--- a/static/js/vue-cdr-access/src/mixins/headerUtils.js
+++ b/static/js/vue-cdr-access/src/mixins/headerUtils.js
@@ -1,4 +1,5 @@
-import { mapState } from 'vuex';
+import { mapState } from 'pinia';
+import { useAccessStore } from '../stores/access';
 
 export default {
     data() {
@@ -8,7 +9,7 @@ export default {
     },
 
     computed: {
-        ...mapState([
+        ...mapState(useAccessStore, [
             'isLoggedIn',
             'username',
             'viewAdmin'
diff --git a/static/js/vue-cdr-access/src/mixins/routeUtils.js b/static/js/vue-cdr-access/src/mixins/routeUtils.js
index 4b9b3e24ce..2c49ce780d 100644
--- a/static/js/vue-cdr-access/src/mixins/routeUtils.js
+++ b/static/js/vue-cdr-access/src/mixins/routeUtils.js
@@ -1,4 +1,6 @@
 import isEmpty from 'lodash.isempty';
+import { mapState } from 'pinia';
+import { useAccessStore } from '../stores/access';
 
 const UUID_REGEX = /([0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12})/i;
 export default {
@@ -162,9 +164,10 @@ export default {
     },
 
     computed: {
-        possibleFacetFields() {
-            return this.$store.state.possibleFacetFields;
-        },
+        ...mapState(useAccessStore, [
+            'possibleFacetFields'
+        ]),
+
         minimumCreatedYear() {
             if (this.min_created_year !== undefined) {
                 return parseInt(this.min_created_year)
diff --git a/static/js/vue-cdr-access/src/router.js b/static/js/vue-cdr-access/src/router.js
index 8138019dd6..e8a6e1df0b 100644
--- a/static/js/vue-cdr-access/src/router.js
+++ b/static/js/vue-cdr-access/src/router.js
@@ -1,4 +1,4 @@
-import { createWebHistory, createRouter } from 'vue-router'
+import { createWebHistory, createRouter } from 'vue-router';
 import axios from 'axios';
 import advancedSearch from "@/components/advancedSearch.vue";
 import displayWrapper from "@/components/displayWrapper.vue";
@@ -7,7 +7,7 @@ import searchWrapper from "@/components/searchWrapper.vue";
 import collectionBrowseWrapper from "@/components/collectionBrowseWrapper.vue";
 import frontPage from "@/components/frontPage.vue";
 import aboutRepository from "@/components/aboutRepository.vue";
-import store from './store'
+import { useAccessStore } from './stores/access';
 
 const UUID_REGEX = '[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}';
 
@@ -66,10 +66,12 @@ const router = createRouter({
 });
 
 router.beforeEach((to, from) => {
+  const store = useAccessStore();
+
   axios.head('/userInformation').then((response) => {
-    store.commit('setUsername', response.headers['username']);
-    store.commit('setIsLoggedIn');
-    store.commit('setViewAdmin', response.headers['can-view-admin']);
+    store.setUsername(response.headers['username']);
+    store.setIsLoggedIn();
+    store.setViewAdmin(response.headers['can-view-admin']);
   }).catch(error => {
     console.log(error);
   });
diff --git a/static/js/vue-cdr-access/src/store.js b/static/js/vue-cdr-access/src/store.js
deleted file mode 100644
index 53cc0a5fa0..0000000000
--- a/static/js/vue-cdr-access/src/store.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import {createStore} from 'vuex'
-
-const POSSIBLE_FACET_FIELDS = ['unit', 'collection', 'format', 'genre', 'language', 'subject', 'location',
-    'createdYear', 'creatorContributor', 'publisher'];
-
-// Create a new store instance.
-const store = createStore({
-    state () {
-        return {
-            isLoggedIn: false,
-            possibleFacetFields: POSSIBLE_FACET_FIELDS.slice(),
-            username: '',
-            viewAdmin: false
-        }
-    },
-    mutations: {
-        removePossibleFacetFields (state, removeFacets) {
-            state.possibleFacetFields = POSSIBLE_FACET_FIELDS.slice().filter(f => removeFacets.indexOf(f) < 0);
-        },
-        resetPossibleFacetFields (state) {
-            state.possibleFacetFields = POSSIBLE_FACET_FIELDS.slice();
-        },
-        setIsLoggedIn (state) {
-            state.isLoggedIn = state.username !== undefined && state.username !== '';
-        },
-        setUsername (state, username) {
-            state.username = username || '';
-        },
-        setViewAdmin (state, viewAdmin) {
-            state.viewAdmin = viewAdmin === 'true';
-        }
-    },
-    actions: {
-        /**
-         * Used to reset the store back to its initial state, primarily for testing
-         * @param context
-         */
-        resetState (context) {
-            context.commit("resetPossibleFacetFields");
-        }
-    }
-});
-
-export default store;
\ No newline at end of file
diff --git a/static/js/vue-cdr-access/src/stores/access.js b/static/js/vue-cdr-access/src/stores/access.js
new file mode 100644
index 0000000000..4ecf7d6a41
--- /dev/null
+++ b/static/js/vue-cdr-access/src/stores/access.js
@@ -0,0 +1,37 @@
+import { defineStore } from 'pinia'
+
+const POSSIBLE_FACET_FIELDS = ['unit', 'collection', 'format', 'genre', 'language', 'subject', 'location',
+    'createdYear', 'creatorContributor', 'publisher'];
+
+export const useAccessStore = defineStore({
+    id: 'access',
+    state: () => ({
+        isLoggedIn: false,
+        possibleFacetFields: POSSIBLE_FACET_FIELDS.slice(),
+        username: '',
+        viewAdmin: false
+    }),
+    actions: {
+        removePossibleFacetFields (removeFacets) {
+            this.possibleFacetFields = POSSIBLE_FACET_FIELDS.slice().filter(f => removeFacets.indexOf(f) < 0);
+        },
+        resetPossibleFacetFields () {
+            this.possibleFacetFields = POSSIBLE_FACET_FIELDS.slice();
+        },
+        setIsLoggedIn () {
+            this.isLoggedIn = this.username !== undefined && this.username !== '';
+        },
+        setUsername (username) {
+            this.username = username || '';
+        },
+        setViewAdmin (viewAdmin) {
+            this.viewAdmin = viewAdmin === 'true';
+        },
+        /**
+         * Used to reset the store back to its initial state, primarily for testing
+         */
+        resetState () {
+            this.possibleFacetFields = POSSIBLE_FACET_FIELDS;
+        }
+    }
+});
\ No newline at end of file
diff --git a/static/js/vue-cdr-access/tests/unit/aboutRepository.spec.js b/static/js/vue-cdr-access/tests/unit/aboutRepository.spec.js
index 53904b2ca2..b586dc1a43 100644
--- a/static/js/vue-cdr-access/tests/unit/aboutRepository.spec.js
+++ b/static/js/vue-cdr-access/tests/unit/aboutRepository.spec.js
@@ -1,13 +1,14 @@
 import {RouterLinkStub, shallowMount} from '@vue/test-utils';
 import { createRouter, createWebHistory } from 'vue-router';
+import { createTestingPinia } from '@pinia/testing';
+import { useAccessStore } from '@/stores/access';
 import aboutRepository from '@/components/aboutRepository.vue';
 import displayWrapper from "@/components/displayWrapper.vue";
 import {createI18n} from "vue-i18n";
 import translations from "@/translations";
-import store from '@/store';
 import moxios from "moxios";
 
-let wrapper, router;
+let wrapper, router, store;
 
 describe('aboutRepository.vue', () => {
     const i18n = createI18n({
@@ -36,15 +37,19 @@ describe('aboutRepository.vue', () => {
         });
         wrapper = shallowMount(aboutRepository, {
             global: {
-                plugins: [i18n, router, store],
+                plugins: [i18n, router, createTestingPinia({
+                    stubActions: false
+                })],
                 stubs: {
                     RouterLink: RouterLinkStub
                 }
             }
         });
+        store = useAccessStore();
     });
 
     afterEach(function () {
+        store.$reset();
         moxios.uninstall();
     });
 
diff --git a/static/js/vue-cdr-access/tests/unit/advancedSearch.spec.js b/static/js/vue-cdr-access/tests/unit/advancedSearch.spec.js
index d68f8e45c1..b37f35f7df 100644
--- a/static/js/vue-cdr-access/tests/unit/advancedSearch.spec.js
+++ b/static/js/vue-cdr-access/tests/unit/advancedSearch.spec.js
@@ -1,13 +1,14 @@
 import { shallowMount, RouterLinkStub } from '@vue/test-utils';
 import { createRouter, createWebHistory } from 'vue-router';
+import {createTestingPinia} from '@pinia/testing';
+import { useAccessStore } from '@/stores/access';
 import advancedSearch from '@/components/advancedSearch.vue';
 import displayWrapper from "@/components/displayWrapper.vue";
 import {createI18n} from "vue-i18n";
 import translations from "@/translations";
-import store from '@/store';
 import moxios from "moxios";
 
-let wrapper, router;
+let wrapper, router, store;
 
 describe('advancedSearch.vue', () => {
     const i18n = createI18n({
@@ -36,15 +37,19 @@ describe('advancedSearch.vue', () => {
         });
         wrapper = shallowMount(advancedSearch, {
             global: {
-                plugins: [i18n, router, store],
+                plugins: [i18n, router, createTestingPinia({
+                    stubActions: false
+                })],
                 stubs: {
                     RouterLink: RouterLinkStub
                 }
             }
         });
+        store = useAccessStore();
     });
 
     afterEach(function () {
+        store.$reset();
         moxios.uninstall();
     });
 
diff --git a/static/js/vue-cdr-access/tests/unit/analyticsUtils.spec.js b/static/js/vue-cdr-access/tests/unit/analyticsUtils.spec.js
index 0cdb651b27..8cbb12ad44 100644
--- a/static/js/vue-cdr-access/tests/unit/analyticsUtils.spec.js
+++ b/static/js/vue-cdr-access/tests/unit/analyticsUtils.spec.js
@@ -1,14 +1,15 @@
 import {mount, RouterLinkStub} from '@vue/test-utils'
 import { createRouter, createWebHistory } from 'vue-router';
+import {createTestingPinia} from '@pinia/testing';
+import { useAccessStore } from '@/stores/access';
 import advancedSearch from '@/components/advancedSearch.vue';
 import displayWrapper from '@/components/displayWrapper.vue';
 import analyticsUtils from "../../src/mixins/analyticsUtils";
-import store from '@/store';
 import { createI18n } from "vue-i18n";
 import translations from "@/translations";
 import moxios from "moxios";
 
-let wrapper;
+let wrapper, store;
 describe('analyticsUtils', () => {
     const i18n = createI18n({
         locale: 'en',
@@ -36,19 +37,22 @@ describe('analyticsUtils', () => {
     });
 
     afterEach(() => {
-        moxios.uninstall()
+        store.$reset();
+        moxios.uninstall();
     });
 
     it("sends pageviews to analytics platforms", () => {
         wrapper = mount(advancedSearch, {
             global: {
-                plugins: [router, store, i18n],
+                plugins: [router, i18n, createTestingPinia({
+                    stubActions: false
+                })],
                 stubs: {
                     RouterLink: RouterLinkStub
                 }
             }
         });
-
+        store = useAccessStore();
         expect(pageView).toHaveBeenCalledWith("Advanced Search");
     });
 
@@ -142,14 +146,16 @@ describe('analyticsUtils', () => {
         };
         wrapper = mount(displayWrapper, {
             global: {
-                plugins: [store, i18n],
+                plugins: [i18n, createTestingPinia({
+                    stubActions: false
+                })],
                 mocks: { $route },
                 stubs: {
                     RouterLink: RouterLinkStub
                 }
             }
         });
-
+        store = useAccessStore();
         moxios.wait(() => {
             expect(pageEvent).toHaveBeenCalledWith(briefObj);
             expect(pageView).toHaveBeenCalledWith(briefObj.title);
diff --git a/static/js/vue-cdr-access/tests/unit/browseSearch.spec.js b/static/js/vue-cdr-access/tests/unit/browseSearch.spec.js
index 82d01c7629..646c541917 100644
--- a/static/js/vue-cdr-access/tests/unit/browseSearch.spec.js
+++ b/static/js/vue-cdr-access/tests/unit/browseSearch.spec.js
@@ -1,13 +1,14 @@
 import { flushPromises, mount } from '@vue/test-utils';
 import { createI18n } from 'vue-i18n';
 import  { createRouter, createWebHistory } from 'vue-router';
-import store from '@/store';
+import {createTestingPinia} from '@pinia/testing';
+import { useAccessStore } from '@/stores/access';
 import browseSearch from '@/components/browseSearch.vue';
 import displayWrapper from "@/components/displayWrapper.vue";
 import translations from "@/translations";
 
 const query = 'Test Collection';
-let wrapper, router;
+let wrapper, router, store;
 
 describe('browseSearch.vue', () => {
     const i18n = createI18n({
@@ -29,19 +30,22 @@ describe('browseSearch.vue', () => {
         });
         wrapper = mount(browseSearch, {
             global: {
-                plugins: [i18n, store, router]
+                plugins: [i18n, router, createTestingPinia({
+                    stubActions: false
+                })]
             },
             props: {
                 objectType: 'Folder'
             }
         });
+        store = useAccessStore();
 
         await router.push('/record/1234');
         wrapper.vm.$router.currentRoute.value.query.anywhere = '';
     });
 
     afterEach(() =>  {
-        wrapper.vm.$store.dispatch("resetState");
+        store.$reset();
         wrapper = null;
         router = null;
     });
@@ -70,9 +74,12 @@ describe('browseSearch.vue', () => {
                 mocks: {
                     $route
                 },
-                plugins: [i18n, store]
+                plugins: [i18n, createTestingPinia({
+                    stubActions: false
+                })]
             }
         });
+        store = useAccessStore();
         expect(wrapper.find('input').attributes('placeholder')).toBe('Search within this object');
     });
 
@@ -88,13 +95,15 @@ describe('browseSearch.vue', () => {
                 mocks: {
                     $route
                 },
-                plugins: [i18n, store]
+                plugins: [i18n, createTestingPinia({
+                    stubActions: false
+                })]
             },
             props: {
                 objectType: 'Folder'
             }
         });
-
+        store = useAccessStore();
         expect(wrapper.vm.search_query).toEqual('Test Folder');
     });
 });
\ No newline at end of file
diff --git a/static/js/vue-cdr-access/tests/unit/browseSort.spec.js b/static/js/vue-cdr-access/tests/unit/browseSort.spec.js
index 6071811619..d1f907fca9 100644
--- a/static/js/vue-cdr-access/tests/unit/browseSort.spec.js
+++ b/static/js/vue-cdr-access/tests/unit/browseSort.spec.js
@@ -1,13 +1,14 @@
 import { mount, flushPromises } from '@vue/test-utils';
 import { createRouter, createWebHistory } from 'vue-router';
+import {createTestingPinia} from '@pinia/testing';
+import { useAccessStore } from '@/stores/access';
 import browseSort from '@/components/browseSort.vue';
 import displayWrapper from '@/components/displayWrapper.vue';
 import searchWrapper from '@/components/searchWrapper.vue';
 import {createI18n} from "vue-i18n";
 import translations from "@/translations";
-import store from '@/store';
 
-let wrapper, wrapper_search, router;
+let wrapper, wrapper_search, router, store;
 
 describe('browseSort.vue', () => {
     const i18n = createI18n({
@@ -34,7 +35,7 @@ describe('browseSort.vue', () => {
         });
         wrapper = mount(browseSort, {
             global: {
-                plugins: [router, store, i18n]
+                plugins: [router, i18n]
             },
             props: {
                 browseType: 'display'
@@ -43,12 +44,16 @@ describe('browseSort.vue', () => {
 
         wrapper_search = mount(browseSort, {
             global: {
-                plugins: [router, store, i18n]
+                plugins: [router, i18n, createTestingPinia({
+                    stubActions: false
+                })]
             },
             props: {
                 browseType: 'search'
             }
         });
+
+        store = useAccessStore();
     });
 
     it("shows the default, 'Relevance', option when mounted with no sort specified", () => {
@@ -82,10 +87,9 @@ describe('browseSort.vue', () => {
     });
 
     afterEach(() => {
-        wrapper.vm.$store.dispatch("resetState");
         wrapper = null;
-        wrapper_search.vm.$store.dispatch("resetState");
         wrapper_search = null;
         router = null;
+        store.$reset();
     });
 });
diff --git a/static/js/vue-cdr-access/tests/unit/clearFilters.spec.js b/static/js/vue-cdr-access/tests/unit/clearFilters.spec.js
index 23f7539af2..72a7894e4e 100644
--- a/static/js/vue-cdr-access/tests/unit/clearFilters.spec.js
+++ b/static/js/vue-cdr-access/tests/unit/clearFilters.spec.js
@@ -1,12 +1,13 @@
 import { flushPromises, mount } from '@vue/test-utils';
 import { createI18n } from 'vue-i18n';
 import  { createRouter, createWebHistory } from 'vue-router';
-import store from '@/store';
+import {createTestingPinia} from '@pinia/testing';
+import { useAccessStore } from '@/stores/access';
 import displayWrapper from "@/components/displayWrapper.vue";
 import clearFilters from "@/components/clearFilters.vue";
 import translations from "@/translations";
 
-let wrapper, router;
+let wrapper, router, store;
 
 describe('clearFilters.vue', () => {
     const i18n = createI18n({
@@ -28,19 +29,22 @@ describe('clearFilters.vue', () => {
         });
         wrapper = mount(clearFilters, {
             global: {
-                plugins: [i18n, store, router]
+                plugins: [i18n, router, createTestingPinia({
+                    stubActions: false
+                })]
             },
             props: {
                 filterParameters: {}
             }
         });
+        store = useAccessStore();
 
         await router.push('/record/1234');
         wrapper.vm.$router.currentRoute.value.query.anywhere = '';
     });
 
     afterEach(() => {
-        wrapper.vm.$store.dispatch("resetState");
+        store.$reset();
         wrapper = null;
         router = null;
     });
diff --git a/static/js/vue-cdr-access/tests/unit/collectionFolder.spec.js b/static/js/vue-cdr-access/tests/unit/collectionFolder.spec.js
index 34ff3af090..8f8ad294f1 100644
--- a/static/js/vue-cdr-access/tests/unit/collectionFolder.spec.js
+++ b/static/js/vue-cdr-access/tests/unit/collectionFolder.spec.js
@@ -1,8 +1,9 @@
 import {mount, RouterLinkStub} from '@vue/test-utils'
 import { createRouter, createWebHistory } from 'vue-router';
+import {createTestingPinia} from '@pinia/testing';
+import { useAccessStore } from '@/stores/access';
 import collectionFolder from '@/components/full_record/collectionFolder.vue';
 import displayWrapper from '@/components/displayWrapper.vue';
-import store from '@/store';
 import {createI18n} from 'vue-i18n';
 import translations from '@/translations';
 import cloneDeep from 'lodash.clonedeep';
@@ -96,7 +97,7 @@ const recordData = {
     resourceType: "Collection"
 };
 
-let wrapper, router;
+let wrapper, router, store;
 
 describe('collectionFolder.vue', () => {
     const i18n = createI18n({
@@ -119,7 +120,9 @@ describe('collectionFolder.vue', () => {
 
         wrapper = mount(collectionFolder, {
             global: {
-                plugins: [i18n, router, store],
+                plugins: [i18n, router, createTestingPinia({
+                    stubActions: false
+                })],
                 stubs: {
                     RouterLink: RouterLinkStub
                 }
@@ -128,6 +131,12 @@ describe('collectionFolder.vue', () => {
                 recordData: recordData
             }
         });
+
+        store = useAccessStore();
+    });
+
+    afterEach(function () {
+        store.$reset();
     });
 
     it('displays a header', () => {
diff --git a/static/js/vue-cdr-access/tests/unit/displayWrapper.spec.js b/static/js/vue-cdr-access/tests/unit/displayWrapper.spec.js
index 40debf980c..6ada31aa7c 100644
--- a/static/js/vue-cdr-access/tests/unit/displayWrapper.spec.js
+++ b/static/js/vue-cdr-access/tests/unit/displayWrapper.spec.js
@@ -1,13 +1,14 @@
 import {mount, flushPromises, RouterLinkStub} from '@vue/test-utils'
 import { createRouter, createWebHistory } from 'vue-router';
+import { createTestingPinia } from '@pinia/testing';
+import { useAccessStore } from '@/stores/access';
 import displayWrapper from '@/components/displayWrapper.vue';
-import store from '@/store';
 import moxios from "moxios";
 import {createI18n} from "vue-i18n";
 import translations from "@/translations";
 import { response, briefObjectData } from "../fixtures/displayWrapperFixtures";
 
-let wrapper, router;
+let wrapper, router, store;
 
 describe('displayWrapper.vue', () => {
     const i18n = createI18n({
@@ -31,6 +32,10 @@ describe('displayWrapper.vue', () => {
         });
     });
 
+    afterEach(() => {
+        store.$reset();
+    });
+
     function mountApp(data_overrides = {}) {
         const default_data = {
             container_name: '',
@@ -43,7 +48,9 @@ describe('displayWrapper.vue', () => {
         let data = {...default_data, ...data_overrides};
         wrapper = mount(displayWrapper, {
             global: {
-                plugins: [router, store, i18n],
+                plugins: [router, i18n, createTestingPinia({
+                    stubActions: false
+                })],
                 stubs: {
                     RouterLink: RouterLinkStub
                 }
@@ -52,6 +59,7 @@ describe('displayWrapper.vue', () => {
                 return data;
             }
         });
+        store = useAccessStore();
     }
 
     function stubQueryResponse(url_pattern, response) {
@@ -207,8 +215,8 @@ describe('displayWrapper.vue', () => {
         await flushPromises();
 
         // Verify that there are still other facets, but that the unit facet has been removed
-        expect(wrapper.vm.$store.state.possibleFacetFields.length).toBeGreaterThan(0);
-        expect(wrapper.vm.$store.state.possibleFacetFields.indexOf('unit')).toEqual(-1);
+        expect(store.possibleFacetFields.length).toBeGreaterThan(0);
+        expect(store.possibleFacetFields.indexOf('unit')).toEqual(-1);
         // Verify that record list is displaying, indicating that a request was made which did not include unit facet
         expect(wrapper.find('#fullRecordSearchResultDisplay').exists()).toBe(true);
     });
@@ -226,9 +234,9 @@ describe('displayWrapper.vue', () => {
         await flushPromises();
 
         // Verify that there are still other facets, but that the unit and collection facets have been removed
-        expect(wrapper.vm.$store.state.possibleFacetFields.length).toBeGreaterThan(0);
-        expect(wrapper.vm.$store.state.possibleFacetFields.indexOf('unit')).toEqual(-1);
-        expect(wrapper.vm.$store.state.possibleFacetFields.indexOf('collection')).toEqual(-1);
+        expect(store.possibleFacetFields.length).toBeGreaterThan(0);
+        expect(store.possibleFacetFields.indexOf('unit')).toEqual(-1);
+        expect(store.possibleFacetFields.indexOf('collection')).toEqual(-1);
         // Verify that record list is displaying, indicating that a request was made which did not include unwanted facets
         expect(wrapper.find('#fullRecordSearchResultDisplay').exists()).toBe(true);
     });
@@ -267,9 +275,9 @@ describe('displayWrapper.vue', () => {
         await flushPromises();
 
         // Verify that there are still other facets, but that the unit and collection facets have been removed
-        expect(wrapper.vm.$store.state.possibleFacetFields.length).toBeGreaterThan(0);
-        expect(wrapper.vm.$store.state.possibleFacetFields.indexOf('unit')).toEqual(-1);
-        expect(wrapper.vm.$store.state.possibleFacetFields.indexOf('collection')).toEqual(-1);
+        expect(store.possibleFacetFields.length).toBeGreaterThan(0);
+        expect(store.possibleFacetFields.indexOf('unit')).toEqual(-1);
+        expect(store.possibleFacetFields.indexOf('collection')).toEqual(-1);
         // Verify that record list is displaying, indicating that a request was made which did not include unwanted facets
         expect(wrapper.find('#fullRecordSearchResultDisplay').exists()).toBe(true);
     });
@@ -303,16 +311,16 @@ describe('displayWrapper.vue', () => {
         await flushPromises();
 
         // Verify that there are still other facets, but that the unit facet has been removed
-        let num_facets = wrapper.vm.$store.state.possibleFacetFields.length;
+        let num_facets = store.possibleFacetFields.length;
         expect(num_facets).toBeGreaterThan(0);
-        expect(wrapper.vm.$store.state.possibleFacetFields.indexOf('unit')).toEqual(-1);
+        expect(store.possibleFacetFields.indexOf('unit')).toEqual(-1);
 
         // Trigger works only filter and make sure that the set of facets does not change
         await wrapper.find('#works-only').trigger('click');
         await flushPromises();
 
-        expect(wrapper.vm.$store.state.possibleFacetFields.length).toEqual(num_facets);
-        expect(wrapper.vm.$store.state.possibleFacetFields.indexOf('unit')).toEqual(-1);
+        expect(store.possibleFacetFields.length).toEqual(num_facets);
+        expect(store.possibleFacetFields.indexOf('unit')).toEqual(-1);
         expect(wrapper.vm.$route.query.facetSelect.indexOf('unit')).toEqual(-1);
     });
 
@@ -350,7 +358,7 @@ describe('displayWrapper.vue', () => {
 
     afterEach(() => {
         moxios.uninstall();
-        wrapper.vm.$store.dispatch("resetState");
+        store.$reset();
         wrapper = null;
         router = null;
         // Reset the dom to avoid tags added persisting across tests
diff --git a/static/js/vue-cdr-access/tests/unit/facets.spec.js b/static/js/vue-cdr-access/tests/unit/facets.spec.js
index cc709f6ec7..d5c4ce1edf 100644
--- a/static/js/vue-cdr-access/tests/unit/facets.spec.js
+++ b/static/js/vue-cdr-access/tests/unit/facets.spec.js
@@ -1,15 +1,16 @@
 import {flushPromises, mount} from '@vue/test-utils'
 import { createRouter, createWebHistory } from 'vue-router';
+import {createTestingPinia} from '@pinia/testing';
+import { useAccessStore } from '@/stores/access';
 import facets from '@/components/facets.vue';
 import searchWrapper from '@/components/searchWrapper.vue';
 import displayWrapper from '@/components/displayWrapper.vue';
 import moxios from 'moxios';
-import store from '@/store';
 import {createI18n} from "vue-i18n";
 import translations from "@/translations";
 
 const end_year = new Date().getFullYear();
-let router, wrapper, collection, selected_facet, selected_sub_facet;
+let router, wrapper, collection, selected_facet, selected_sub_facet, store;
 
 describe('facets.vue', () => {
     const i18n = createI18n({
@@ -37,7 +38,9 @@ describe('facets.vue', () => {
 
         wrapper = mount(facets, {
             global: {
-                plugins: [router, store, i18n]
+                plugins: [router, i18n, createTestingPinia({
+                    stubActions: false
+                })]
             },
             props: {
                 minCreatedYear: 2011,
@@ -147,6 +150,7 @@ describe('facets.vue', () => {
                 }
             }
         });
+        store = useAccessStore();
 
         let facet_list = wrapper.findAll('.facet-display a');
         collection = facet_list[0];
@@ -155,7 +159,7 @@ describe('facets.vue', () => {
     });
 
     afterEach(() => {
-        wrapper.vm.$store.dispatch("resetState");
+        store.$reset();
         wrapper = null;
         router = null;
     });
@@ -243,7 +247,9 @@ describe('facets.vue', () => {
     it("does not display facets with no returned results", () => {
         let emptyFacetWrapper = mount(facets, {
             global: {
-                plugins: [router, store, i18n]
+                plugins: [router, i18n, createTestingPinia({
+                    stubActions: false
+                })]
             },
             props: {
                 minSearchYear: 2011,
@@ -284,6 +290,7 @@ describe('facets.vue', () => {
                 }
             }
         });
+        store = useAccessStore();
 
         let facet_headers = emptyFacetWrapper.findAll('.facet-display h3');
         let facet_list = emptyFacetWrapper.findAll('.facet-display li');
@@ -302,7 +309,9 @@ describe('facets.vue', () => {
     it("does not display date facets with no minimum search year set", () => {
         let emptyFacetWrapper = mount(facets, {
             global: {
-                plugins: [router, store, i18n]
+                plugins: [router, i18n, createTestingPinia({
+                    stubActions: false
+                })]
             },
             props: {
                 minCreatedYear: undefined,
@@ -331,6 +340,7 @@ describe('facets.vue', () => {
                 }
             }
         });
+        store = useAccessStore();
 
         let facet_headers = emptyFacetWrapper.findAll('.facet-display h3');
         let facet_list = emptyFacetWrapper.findAll('.facet-display li');
@@ -486,7 +496,9 @@ describe('facets.vue', () => {
     it("selecting Unknown date does not select Unknown format", (done) => {
         wrapper = mount(facets, {
             global: {
-                plugins: [router, store, i18n]
+                plugins: [router, i18n, createTestingPinia({
+                    stubActions: false
+                })]
             },
             props: {
                 minCreatedYear: 2015,
@@ -530,6 +542,7 @@ describe('facets.vue', () => {
                 }
             }
         });
+        store = useAccessStore();
 
         moxios.wait(async () => {
             await router.push('/search/?createdYear=unknown');
diff --git a/static/js/vue-cdr-access/tests/unit/frontPage.spec.js b/static/js/vue-cdr-access/tests/unit/frontPage.spec.js
index b3e9d8fc61..e024d9cdb9 100644
--- a/static/js/vue-cdr-access/tests/unit/frontPage.spec.js
+++ b/static/js/vue-cdr-access/tests/unit/frontPage.spec.js
@@ -1,13 +1,15 @@
 import {shallowMount, RouterLinkStub} from '@vue/test-utils';
 import { createRouter, createWebHistory } from 'vue-router';
+import {createTestingPinia} from '@pinia/testing';
+import { useAccessStore } from '@/stores/access';
 import frontPage from '@/components/frontPage.vue';
 import displayWrapper from "@/components/displayWrapper.vue";
 import {createI18n} from "vue-i18n";
 import translations from "@/translations";
-import store from '@/store';
 import moxios from "moxios";
 
-let wrapper, router;
+
+let wrapper, router, store;
 
 describe('frontPage.vue', () => {
     const i18n = createI18n({
@@ -36,15 +38,20 @@ describe('frontPage.vue', () => {
         });
         wrapper = shallowMount(frontPage, {
             global: {
-                plugins: [i18n, router, store],
+                plugins: [i18n, router, createTestingPinia({
+                    stubActions: false
+                })],
                 stubs: {
                     RouterLink: RouterLinkStub
                 }
             }
         });
+
+        store = useAccessStore();
     });
 
     afterEach(function () {
+        store.$reset();
         moxios.uninstall();
     });
 
diff --git a/static/js/vue-cdr-access/tests/unit/headerHome.spec.js b/static/js/vue-cdr-access/tests/unit/headerHome.spec.js
index d9b8dc2655..1307e2e2ff 100644
--- a/static/js/vue-cdr-access/tests/unit/headerHome.spec.js
+++ b/static/js/vue-cdr-access/tests/unit/headerHome.spec.js
@@ -1,28 +1,26 @@
 import {mount, RouterLinkStub} from '@vue/test-utils';
+import {createTestingPinia} from '@pinia/testing';
+import { useAccessStore } from '@/stores/access';
 import dcrHeader from '@/components/header/headerHome.vue';
 
-let wrapper;
+let wrapper, store;
 describe('headerHome.vue', () => {
-    const $store = {
-        state: {
-            isLoggedIn: false,
-            username: '',
-            viewAdmin: false
-        },
-        commit: jest.fn()
-    };
-
     beforeEach(() => {
         wrapper = mount(dcrHeader, {
             global: {
-                mocks: {
-                    $store
-                },
+                plugins: [createTestingPinia({
+                    stubActions: false
+                })],
                 stubs: {
                     RouterLink: RouterLinkStub
                 }
             }
         });
+        store = useAccessStore();
+    });
+
+    afterEach(() => {
+        store.$reset();
     });
 
     it("loads headerHome on the home page", () => {
@@ -38,49 +36,49 @@ describe('headerHome.vue', () => {
     });
 
     it("logout button present when logged in", () => {
-        const $store = {
-            state: {
-                isLoggedIn: true,
-                username: 'test_user',
-                viewAdmin: false
-            },
-            commit: jest.fn()
-        };
         const current_page = window.location;
         const logoutUrl = `https://${current_page.host}/Shibboleth.sso/Logout?return=https://sso.unc.edu/idp/logout.jsp?return_url=${encodeURIComponent(current_page)}`;
         wrapper = mount(dcrHeader, {
             global: {
-                mocks: {
-                    $store
-                },
+                plugins: [createTestingPinia({
+                    initialState: {
+                        access: {
+                            isLoggedIn: true,
+                            username: 'test_user',
+                            viewAdmin: false
+                        }
+                    },
+                    stubActions: false
+                })],
                 stubs: {
                     RouterLink: RouterLinkStub
                 }
             }
         });
+        store = useAccessStore();
         expect(wrapper.html()).toContain(logoutUrl);
     });
 
     it("admin link present when user logged in as admin", () => {
-        const $store = {
-            state: {
-                isLoggedIn: true,
-                username: 'test_user',
-                viewAdmin: true
-            },
-            commit: jest.fn()
-        };
         const adminUrl = `https://${window.location.host}/admin/`;
         wrapper = mount(dcrHeader, {
             global: {
-                mocks: {
-                    $store
-                },
+                plugins: [createTestingPinia({
+                    initialState: {
+                        access: {
+                            isLoggedIn: true,
+                            username: 'test_user',
+                            viewAdmin: true
+                        }
+                    },
+                    stubActions: false
+                })],
                 stubs: {
                     RouterLink: RouterLinkStub
                 }
             }
         });
+        store = useAccessStore();
         expect(wrapper.html()).toContain(adminUrl);
     });
 });
\ No newline at end of file
diff --git a/static/js/vue-cdr-access/tests/unit/headerSmall.spec.js b/static/js/vue-cdr-access/tests/unit/headerSmall.spec.js
index 5fc53871b7..14898ce700 100644
--- a/static/js/vue-cdr-access/tests/unit/headerSmall.spec.js
+++ b/static/js/vue-cdr-access/tests/unit/headerSmall.spec.js
@@ -1,28 +1,26 @@
 import {mount, RouterLinkStub} from '@vue/test-utils';
+import {createTestingPinia} from '@pinia/testing';
+import { useAccessStore } from '@/stores/access';
 import dcrHeader from '@/components/header/headerSmall.vue';
 
-let wrapper;
+let wrapper, store;
 describe('headerSmall.vue', () => {
-    const $store = {
-        state: {
-            isLoggedIn: false,
-            username: '',
-            viewAdmin: false
-        },
-        commit: jest.fn()
-    };
-
     beforeEach(() => {
         wrapper = mount(dcrHeader, {
             global: {
-                mocks: {
-                    $store
-                },
+                plugins: [createTestingPinia({
+                    stubActions: false
+                })],
                 stubs: {
                     RouterLink: RouterLinkStub
                 }
             }
         });
+        store = useAccessStore();
+    });
+
+    afterEach(() => {
+        store.$reset();
     });
 
     it("loads the small header", () => {
@@ -38,21 +36,20 @@ describe('headerSmall.vue', () => {
     });
 
     it("logout button present when logged in", () => {
-        const $store = {
-            state: {
-                isLoggedIn: true,
-                username: 'test_user',
-                viewAdmin: false
-            },
-            commit: jest.fn()
-        };
         const current_page = window.location;
         const logoutUrl = `https://${current_page.host}/Shibboleth.sso/Logout?return=https://sso.unc.edu/idp/logout.jsp?return_url=${encodeURIComponent(current_page)}`;
         wrapper = mount(dcrHeader, {
             global: {
-                mocks: {
-                    $store
-                },
+                plugins: [createTestingPinia({
+                    initialState: {
+                        access: {
+                            isLoggedIn: true,
+                            username: 'test_user',
+                            viewAdmin: false
+                        }
+                    },
+                    stubActions: false
+                })],
                 stubs: {
                     RouterLink: RouterLinkStub
                 }
@@ -62,20 +59,19 @@ describe('headerSmall.vue', () => {
     });
 
     it("admin link present when user logged in as admin", () => {
-        const $store = {
-            state: {
-                isLoggedIn: true,
-                username: 'test_user',
-                viewAdmin: true
-            },
-            commit: jest.fn()
-        };
         const adminUrl = `https://${window.location.host}/admin/`;
         wrapper = mount(dcrHeader, {
             global: {
-                mocks: {
-                    $store
-                },
+                plugins: [createTestingPinia({
+                    initialState: {
+                        access: {
+                            isLoggedIn: true,
+                            username: 'test_user',
+                            viewAdmin: true
+                        }
+                    },
+                    stubActions: false
+                })],
                 stubs: {
                     RouterLink: RouterLinkStub
                 }
diff --git a/static/js/vue-cdr-access/tests/unit/headerUtils.spec.js b/static/js/vue-cdr-access/tests/unit/headerUtils.spec.js
index 81b3dc3b52..34e177d2f2 100644
--- a/static/js/vue-cdr-access/tests/unit/headerUtils.spec.js
+++ b/static/js/vue-cdr-access/tests/unit/headerUtils.spec.js
@@ -1,75 +1,49 @@
 import {mount, RouterLinkStub} from '@vue/test-utils';
+import {createTestingPinia} from '@pinia/testing';
+import { useAccessStore } from '@/stores/access';
 import headerSmall from '@/components/header/headerSmall.vue';
 
+let wrapper, store;
 describe('headerSmallUtils', () => {
-    it("jumpToAdminUrl is record-specific admin url", () => {
-        const $store = {
-            state: {
-                isLoggedIn: true,
-                username: 'test_user',
-                viewAdmin: true
-            },
-            commit: jest.fn()
-        };
-        const current_page = window.location;
-        const testUrl = `https://${current_page.hostname}/record/73bc003c-9603-4cd9-8a65-93a22520ef6a`;
-        const adminUrl = `https://${current_page.hostname}/admin/list/73bc003c-9603-4cd9-8a65-93a22520ef6a`;
-        window.location = Object.assign(new URL(testUrl));
-        const wrapper = mount(headerSmall, {
+    beforeEach(() => {
+        wrapper = mount(headerSmall, {
             global: {
-                mocks: {
-                    $store
-                },
+                plugins: [createTestingPinia({
+                    initialState: {
+                        access: {
+                            isLoggedIn: true,
+                            username: 'test_user',
+                            viewAdmin: true
+                        }
+                    },
+                    stubActions: false
+                })],
                 stubs: {
                     RouterLink: RouterLinkStub
                 }
             }
         });
+        store = useAccessStore();
+    })
+
+    afterEach(() => {
+        store.$reset();
+    });
+
+    it("jumpToAdminUrl is record-specific admin url", () => {
+        const current_page = window.location;
+        const testUrl = `https://${current_page.hostname}/record/73bc003c-9603-4cd9-8a65-93a22520ef6a`;
+        const adminUrl = `https://${current_page.hostname}/admin/list/73bc003c-9603-4cd9-8a65-93a22520ef6a`;
+        window.location = Object.assign(new URL(testUrl));
         expect(wrapper.html()).toContain(adminUrl);
     });
 
     it("jumpToAdminUrl is admin url", () => {
-        const $store = {
-            state: {
-                isLoggedIn: true,
-                username: 'test_user',
-                viewAdmin: true
-            },
-            commit: jest.fn()
-        };
         const adminUrl = `https://${window.location.host}/admin/`;
-        const wrapper = mount(headerSmall, {
-            global: {
-                mocks: {
-                    $store
-                },
-                stubs: {
-                    RouterLink: RouterLinkStub
-                }
-            }
-        });
         expect(wrapper.html()).toContain(adminUrl);
     });
 
     it("opens and closes the mobile menu", async () => {
-        const $store = {
-            state: {
-                isLoggedIn: true,
-                username: 'test_user',
-                viewAdmin: true
-            },
-            commit: jest.fn()
-        };
-        const wrapper = mount(headerSmall, {
-            global: {
-                mocks: {
-                    $store
-                },
-                stubs: {
-                    RouterLink: RouterLinkStub
-                }
-            }
-        });
         // Default
         expect(wrapper.find('#navbar-burger').attributes('aria-expanded')).toEqual('false');
         expect(wrapper.find('#navbar').classes()).not.toContain('active');
diff --git a/static/js/vue-cdr-access/tests/unit/matomoUtils.spec.js b/static/js/vue-cdr-access/tests/unit/matomoUtils.spec.js
index db7d42fab0..fb87cd8a23 100644
--- a/static/js/vue-cdr-access/tests/unit/matomoUtils.spec.js
+++ b/static/js/vue-cdr-access/tests/unit/matomoUtils.spec.js
@@ -1,14 +1,15 @@
 import {mount, RouterLinkStub} from '@vue/test-utils'
 import { createRouter, createWebHistory } from 'vue-router';
+import { createTestingPinia } from '@pinia/testing';
+import { useAccessStore } from '@/stores/access';
 import App from '@/App.vue';
 import matomoUtils from "../../src/mixins/matomoUtils";
 import displayWrapper from '@/components/displayWrapper.vue';
-import store from '@/store';
 import { createI18n } from "vue-i18n";
 import translations from "@/translations";
 
 
-let wrapper;
+let wrapper, store;
 describe('matomoUtils', () => {
     const i18n = createI18n({
         locale: 'en',
@@ -38,17 +39,23 @@ describe('matomoUtils', () => {
         jest.resetAllMocks();
     });
 
+    afterEach(() => {
+        store.$reset();
+    })
+
     it("loads the matamo script", () => {
         wrapper = mount(App, {
             attachTo: '#root',
             global: {
-                plugins: [router, store, i18n],
+                plugins: [router, i18n, createTestingPinia({
+                    stubActions: false
+                })],
                 stubs: {
                     RouterLink: RouterLinkStub
                 }
             }
         });
-
+        store = useAccessStore();
         expect(matomoSetup).toHaveBeenCalled();
     });
 });
\ No newline at end of file
diff --git a/static/js/vue-cdr-access/tests/unit/notAvailable.spec.js b/static/js/vue-cdr-access/tests/unit/notAvailable.spec.js
index 086dd8b1cc..5ef9dea617 100644
--- a/static/js/vue-cdr-access/tests/unit/notAvailable.spec.js
+++ b/static/js/vue-cdr-access/tests/unit/notAvailable.spec.js
@@ -1,10 +1,10 @@
 import { shallowMount } from '@vue/test-utils';
 import { createRouter, createWebHistory } from 'vue-router';
+import { createTestingPinia } from '@pinia/testing';
 import notAvailable from '@/components/error_pages/notAvailable.vue';
 import displayWrapper from '@/components/displayWrapper.vue';
 import {createI18n} from "vue-i18n";
 import translations from "@/translations";
-import store from '@/store';
 
 
 let wrapper, router;
@@ -30,7 +30,9 @@ describe('notAvailable.vue', () => {
 
         wrapper = shallowMount(notAvailable, {
             global: {
-                plugins: [router, store, i18n]
+                plugins: [router, i18n, createTestingPinia({
+                    stubActions: false
+                })]
             }
         });
     });
diff --git a/static/js/vue-cdr-access/tests/unit/notFound.spec.js b/static/js/vue-cdr-access/tests/unit/notFound.spec.js
index 60d7a0bac0..bcbfc7f2ed 100644
--- a/static/js/vue-cdr-access/tests/unit/notFound.spec.js
+++ b/static/js/vue-cdr-access/tests/unit/notFound.spec.js
@@ -1,13 +1,14 @@
 import { shallowMount } from '@vue/test-utils';
 import { createRouter, createWebHistory } from 'vue-router';
+import {createTestingPinia} from '@pinia/testing';
+import { useAccessStore } from '@/stores/access';
 import notFound from '@/components/error_pages/notFound.vue';
 import displayWrapper from '@/components/displayWrapper.vue';
 import {createI18n} from "vue-i18n";
 import translations from "@/translations";
-import store from '@/store';
 
 
-let wrapper, router;
+let wrapper, router, store;
 
 describe('notFound.vue', () => {
     const i18n = createI18n({
@@ -30,9 +31,16 @@ describe('notFound.vue', () => {
 
         wrapper = shallowMount(notFound, {
             global: {
-                plugins: [router, store, i18n]
+                plugins: [router, i18n, createTestingPinia({
+                    stubActions: false
+                })]
             }
         });
+        store = useAccessStore();
+    });
+
+    afterEach(() => {
+        store.$reset();
     });
 
     it('displays the DCR header and a "not found" message by default', () => {
@@ -56,20 +64,20 @@ describe('notFound.vue', () => {
     });
 
     it('does not display a login link if a user is already logged in"', async () => {
-        const $store = {
-            state: {
-                isLoggedIn: true,
-                username: 'testUser'
-            }
-        }
-        const wrapper = shallowMount(notFound, {
+     const wrapper = shallowMount(notFound, {
             global: {
-                plugins: [store, i18n],
-                mocks: {
-                    $store
-                }
+                plugins: [store, i18n, createTestingPinia({
+                    initialState: {
+                        access: {
+                            isLoggedIn: true,
+                            username: 'testUser'
+                        }
+                    },
+                    stubActions: false
+                })
+                ]
             }
-        })
+        });
 
         const links = wrapper.findAll('a');
         expect(links.length).toEqual(2);
diff --git a/static/js/vue-cdr-access/tests/unit/pagination.spec.js b/static/js/vue-cdr-access/tests/unit/pagination.spec.js
index de9851eccd..6731c15bc7 100644
--- a/static/js/vue-cdr-access/tests/unit/pagination.spec.js
+++ b/static/js/vue-cdr-access/tests/unit/pagination.spec.js
@@ -1,14 +1,15 @@
 import { shallowMount, flushPromises } from '@vue/test-utils';
 import { createRouter, createWebHistory } from 'vue-router';
+import {createTestingPinia} from '@pinia/testing';
+import { useAccessStore } from '@/stores/access';
 import '@testing-library/jest-dom';
 import pagination from '@/components/pagination.vue';
 import displayWrapper from '@/components/displayWrapper.vue';
 import searchWrapper from '@/components/searchWrapper.vue';
 import {createI18n} from "vue-i18n";
 import translations from "@/translations";
-import store from '@/store';
 
-let router, wrapper;
+let router, wrapper, store;
 
 describe('pagination.vue', () => {
     const i18n = createI18n({
@@ -35,7 +36,9 @@ describe('pagination.vue', () => {
         });
         wrapper = shallowMount(pagination, {
             global: {
-                plugins: [router, store, i18n]
+                plugins: [router, i18n, createTestingPinia({
+                    stubActions: false
+                })]
             },
             props: {
                 browseType: 'display',
@@ -50,12 +53,13 @@ describe('pagination.vue', () => {
                 }
             }
         });
+        store = useAccessStore();
 
         await router.push('/record/1234');
     });
 
     afterEach(() => {
-        wrapper.vm.$store.dispatch("resetState");
+        store.$reset();
         wrapper = null;
         router = null;
     });
diff --git a/static/js/vue-cdr-access/tests/unit/restrictedContent.spec.js b/static/js/vue-cdr-access/tests/unit/restrictedContent.spec.js
index 3df743f626..56bbf9f4ac 100644
--- a/static/js/vue-cdr-access/tests/unit/restrictedContent.spec.js
+++ b/static/js/vue-cdr-access/tests/unit/restrictedContent.spec.js
@@ -1,5 +1,7 @@
 import { mount } from '@vue/test-utils'
 import { createRouter, createWebHistory } from 'vue-router';
+import {createTestingPinia} from '@pinia/testing';
+import { useAccessStore } from '@/stores/access';
 import restrictedContent from '@/components/full_record/restrictedContent.vue';
 import displayWrapper from '@/components/displayWrapper.vue';
 import {createI18n} from 'vue-i18n';
@@ -337,7 +339,7 @@ const record = {
     resourceType: "File"
 }
 
-let wrapper, router;
+let wrapper, router, store;
 
 describe('restrictedContent.vue', () => {
     const i18n = createI18n({
@@ -362,46 +364,42 @@ describe('restrictedContent.vue', () => {
             ]
         });
 
-        const $store = {
-            state: {
-                username: ''
-            },
-            commit: jest.fn()
-        }
-
         wrapper = mount(restrictedContent, {
             attachTo: '#root',
             global: {
-                plugins: [i18n, router],
-                mocks: {
-                    $store
-                }
+                plugins: [i18n, router, createTestingPinia({
+                    stubActions: false
+                })]
             },
             props: {
                 recordData: record
             }
         });
+        store = useAccessStore();
+    });
+
+    afterEach(() => {
+        store.$reset();
     });
 
     it('does not show view options if a user is logged in', async () => {
-        const $store = {
-            state: {
-                isLoggedIn: true,
-                username: 'test_user'
-            },
-            commit: jest.fn()
-        }
         wrapper = mount(restrictedContent, {
             global: {
-                plugins: [i18n, router],
-                mocks: {
-                    $store
-                }
+                plugins: [i18n, router, createTestingPinia({
+                    initialState: {
+                       access: {
+                           isLoggedIn: true,
+                           username: 'test_user'
+                       }
+                    },
+                    stubActions: false
+                })]
             },
             props: {
                 recordData: record
             }
         });
+        store = useAccessStore();
         expect(wrapper.find('.restricted-access').exists()).toBe(false);
     });
 
diff --git a/static/js/vue-cdr-access/tests/unit/routeUtils.spec.js b/static/js/vue-cdr-access/tests/unit/routeUtils.spec.js
index d41eef341f..28babeb89f 100644
--- a/static/js/vue-cdr-access/tests/unit/routeUtils.spec.js
+++ b/static/js/vue-cdr-access/tests/unit/routeUtils.spec.js
@@ -1,13 +1,14 @@
 import { shallowMount } from '@vue/test-utils'
 import { createRouter, createWebHistory } from 'vue-router';
+import {createTestingPinia} from '@pinia/testing';
+import { useAccessStore } from '@/stores/access';
 import pagination from '@/components/pagination.vue'
 import displayWrapper from "@/components/displayWrapper.vue";
 import routeUtils from '@/mixins/routeUtils.js';
-import store from '@/store';
 
 const gallery = 'gallery-display';
 const list_display = 'list-display';
-let wrapper, router;
+let wrapper, router, store;
 
 describe('routeUtils',  () => {
     beforeEach(async () => {
@@ -24,14 +25,17 @@ describe('routeUtils',  () => {
         // Set wrapper using any component that uses routeUtils mixin to avoid test warnings about missing template
         wrapper = shallowMount(pagination, {
             global: {
-                plugins: [router, store]
+                plugins: [router, createTestingPinia({
+                    stubActions: false
+                })]
             }
         });
+        store = useAccessStore();
         await router.push('/record/1234');
     });
 
     afterEach(() => {
-        wrapper.vm.$store.dispatch("resetState");
+        store.$reset();
         wrapper = null;
         router = null;
     });
diff --git a/static/js/vue-cdr-access/tests/unit/viewType.spec.js b/static/js/vue-cdr-access/tests/unit/viewType.spec.js
index 8d9717d2b8..c20a36ce4e 100644
--- a/static/js/vue-cdr-access/tests/unit/viewType.spec.js
+++ b/static/js/vue-cdr-access/tests/unit/viewType.spec.js
@@ -1,12 +1,13 @@
 import { shallowMount, flushPromises } from '@vue/test-utils'
 import { createRouter, createWebHistory } from 'vue-router';
+import {createTestingPinia} from '@pinia/testing';
+import { useAccessStore } from '@/stores/access';
 import viewType from '@/components/viewType.vue'
 import displayWrapper from "@/components/displayWrapper.vue";
 import {createI18n} from "vue-i18n";
 import translations from "@/translations";
-import store from '@/store';
 
-let wrapper, btns, router;
+let wrapper, btns, router, store;
 
 describe('viewType.vue', () => {
     const i18n = createI18n({
@@ -29,15 +30,18 @@ describe('viewType.vue', () => {
         sessionStorage.clear();
         wrapper = shallowMount(viewType, {
             global: {
-                plugins: [router, store, i18n]
+                plugins: [router, i18n, createTestingPinia({
+                    stubActions: false
+                })]
             }
         });
 
+        store = useAccessStore();
         btns = wrapper.findAll('#browse-btns i');
     });
 
     afterEach(() => {
-        wrapper.vm.$store.dispatch("resetState");
+        store.$reset();
         wrapper = null;
         router = null;
     });
diff --git a/static/js/vue-cdr-access/tests/unit/worksOnly.spec.js b/static/js/vue-cdr-access/tests/unit/worksOnly.spec.js
index 85e860285f..99d5224fb3 100644
--- a/static/js/vue-cdr-access/tests/unit/worksOnly.spec.js
+++ b/static/js/vue-cdr-access/tests/unit/worksOnly.spec.js
@@ -1,13 +1,13 @@
 import { shallowMount, flushPromises } from '@vue/test-utils';
 import { createRouter, createWebHistory } from 'vue-router';
+import {createTestingPinia} from '@pinia/testing';
+import { useAccessStore } from '@/stores/access';
 import worksOnly from '@/components/worksOnly.vue';
 import displayWrapper from '@/components/displayWrapper.vue';
 import {createI18n} from "vue-i18n";
 import translations from "@/translations";
-import store from '@/store';
 
-
-let wrapper, record_input, router;
+let wrapper, record_input, router, store;
 
 describe('worksOnly.vue', () => {
     const i18n = createI18n({
@@ -29,7 +29,9 @@ describe('worksOnly.vue', () => {
         });
         wrapper = shallowMount(worksOnly, {
             global: {
-                plugins: [router, store, i18n]
+                plugins: [router, i18n, createTestingPinia({
+                    stubActions: false
+                })]
             },
             props: {
                 adminUnit: false
@@ -40,12 +42,11 @@ describe('worksOnly.vue', () => {
                 }
             }
         });
+        store = useAccessStore();
 
         record_input = wrapper.find('input');
     });
 
-    afterEach(() => router = null);
-
     it("updates route to only show works if button is checked for a gallery view",  async () => {
         await router.push('/record/1234/?browse_type=gallery-display');
         await wrapper.setData({ works_only: false });
@@ -84,7 +85,8 @@ describe('worksOnly.vue', () => {
     afterEach(() => {
         // Make sure box is unchecked
         wrapper.setData({ works_only: false });
-        wrapper.vm.$store.dispatch("resetState");
+        store.$reset();
+        router = null;
         wrapper = null;
     });
 });
\ No newline at end of file