fix: 🐛 lucia userId type

prisma/schema.prisma

@@ -16,7 +16,7 @@ datasource db {
 // Do not modify anything above this line unless you know what you are doing.
 
 model User {
-  id String @id @unique
+  id String @id @unique @default(cuid())
 
   email        String   @unique
   firstName    String

src/app.d.ts

@@ -1,11 +1,16 @@
 // See https://kit.svelte.dev/docs/types#app
 // for information about these interfaces
 import "unplugin-icons/types/svelte";
+import "lucia-auth";
+
+import type { AuthRequest } from "lucia";
+
+import type { Auth as CustomAuth } from "$lib/server/lucia";
 
 declare global {
   namespace App {
     interface Locals {
-      auth: import("lucia").AuthRequest;
+      auth: AuthRequest;
       user: Lucia.UserAttributes;
       startTimer: number;
       error: string;
@@ -19,13 +24,11 @@ declare global {
       errorId?: string;
     }
   }
-}
-
-/// <reference types="lucia-auth" />
-declare global {
   namespace Lucia {
-    type Auth = import("$lib/server/lucia").Auth;
+    type Auth = CustomAuth;
+
     type UserAttributes = {
+      userId: string;
       email: string;
       firstName: string;
       lastName: string;

src/routes/+layout.server.ts

@@ -1,5 +1,3 @@
-import type { User } from "@prisma/client";
-
-export const load = async (event: { locals: { user: User } }) => {
+export const load = async (event) => {
   return { user: event.locals.user };
 };

src/routes/auth/+page.svelte

@@ -13,7 +13,7 @@
 <div class="mt-48 flex min-h-[100vh] justify-center">
   <div class="mx-2 w-[450px] md:mx-16">
     {#if data.user}
-      <p>{data.user.firstName} {data.user.lastName} {data.user.token}</p>
+      <p>{data.user.firstName} {data.user.lastName} {data.user.userId}</p>
 
       <div>
         <form use:enhance action="/auth/logout" method="post">