Basic Stripe integration. new pages for stripe handshake and new Account page. use query instead of useQuery for trpc fetches from store

server/trpc/context.ts

@@ -33,9 +33,10 @@ export async function createContext(event: H3Event){
   }
 
   if(!supabase || !user || !prisma || !dbUser) {
+    
     throw new TRPCError({
       code: 'INTERNAL_SERVER_ERROR',
-      message: 'Unable to fetch user data, please try again later.',
+      message: `Unable to fetch user data, please try again later. Missing ->[supabase:${(!supabase)},user:${(!user)},prisma:${(!prisma)},dbUser:${(!dbUser)}, ]`,
     });
   }
   

server/trpc/trpc.ts

@@ -11,8 +11,11 @@ import { initTRPC, TRPCError } from '@trpc/server'
 import { Context } from './context';
 import { z } from 'zod';
 import { ACCOUNT_ACCESS } from '@prisma/client';
+import superjson from 'superjson';
 
-const t = initTRPC.context<Context>().create()
+const t = initTRPC.context<Context>().create({
+  transformer: superjson,
+})
 
 /**
  * auth middlewares