force user initialisation - fixes #2

lib/services/util.service.ts

@@ -13,7 +13,7 @@ export class UtilService {
     return String(error)
   }
 
-  public static circleSafeStringify(obj: any) {
+  public static stringifySafely(obj: any) {
     let cache: any[] = [];
     let str = JSON.stringify(obj, function(key, value) {
       if (typeof value === "object" && value !== null) {

pages/account.vue

@@ -10,6 +10,10 @@
   const config = useRuntimeConfig();
   const newAccountName = ref("");
 
+  onMounted(async () => {
+    await authStore.initUser();
+  });
+  
   watchEffect(async () => {
     if (activeMembership.value) {
       await accountStore.getActiveAccountMembers();

pages/dashboard.vue

@@ -11,6 +11,10 @@
   const notesStore = useNotesStore();
   const { notes } = storeToRefs(notesStore);  // ensure the notes list is reactive
 
+  onMounted(async () => {
+    await authStore.initUser();
+  });
+  
   watchEffect(async () => {
     if (activeMembership.value) {
       await notesStore.fetchNotesForCurrentUser();

pages/pricing.vue

@@ -5,6 +5,9 @@
   const authStore = useAuthStore()
   const { activeMembership } = storeToRefs(authStore);
 
+  onMounted(async () => {
+    await authStore.initUser();
+  });
 </script>
 <template>
   <div>

server/trpc/context.ts

@@ -24,8 +24,8 @@ export async function createContext(event: H3Event){
 
   if(!user || !dbUser) {
     throw new TRPCError({
-      code: 'INTERNAL_SERVER_ERROR',
-      message: `Unable to fetch user data, please try again later. Missing ->[user:${(!user)},dbUser:${(!dbUser)}]`,
+      code: 'UNAUTHORIZED',
+      message: `Unable to fetch user data at this time. Missing ->[user:${(!user)},dbUser:${(!dbUser)}]`,
     });
   }