Added Pinia in addition to Vuex for state-management. Will migrate to Pinia eventually

src/main.ts

@@ -1,3 +1,4 @@
+import { createPinia } from "pinia";
 import { createApp } from "vue";
 import App from "./App.vue";
 import "./registerServiceWorker";
@@ -50,5 +51,6 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 createApp(App)
   .component("fa", FontAwesomeIcon)
   .use(store)
+  .use(createPinia())
   .use(router)
   .mount("#app");

src/store/account.ts

@@ -0,0 +1,19 @@
+// @ts-check
+import { defineStore } from "pinia";
+
+export const useAccountStore = defineStore({
+  id: "account",
+  state: () => ({
+    firstName: "",
+    lastName: "",
+  }),
+
+  actions: {
+    reset() {
+      this.$patch({
+        firstName: "",
+        lastName: "",
+      });
+    },
+  },
+});