moved auth

package.json

@@ -38,6 +38,7 @@
   },
   "devDependencies": {
     "@auth/core": "0.31.0",
+    "@auth/qwik": "0.2.2",
     "@builder.io/qwik": "latest",
     "@builder.io/qwik-auth": "0.2.2",
     "@builder.io/qwik-city": "latest",

src/components/dropdown/index.tsx

@@ -1,13 +1,12 @@
 import { component$ } from "@builder.io/qwik";
 import { Form } from "@builder.io/qwik-city";
-import { useAuthSignout } from "~/routes/plugin@auth";
 import { Dropdown } from "@qwik-ui/headless";
 import { Link } from "@builder.io/qwik-city";
-import { useAuthSession } from "~/routes/plugin@auth";
+import { useSession, useSignOut } from "~/routes/plugin@auth";
 export default component$(() => {
-  type Session = ReturnType<typeof useAuthSession>;
-  const session = useAuthSession() as Session;
-  const signout = useAuthSignout();
+  type Session = ReturnType<typeof useSession>;
+  const session = useSession() as Session;
+  const signout = useSignOut();
   const img = session.value?.user?.image || "https://s6.imgcdn.dev/LyfCg.jpg";
   const actions = [
     { label: "Profile", disabled: false, path: "/profile" },

src/components/header/Mainheader.tsx

@@ -1,13 +1,13 @@
 import { component$, useTask$, useVisibleTask$ } from "@builder.io/qwik";
-import { useAuthSession } from "~/routes/plugin@auth";
+import { useSession } from "~/routes/plugin@auth";
 import { useLocation } from "@builder.io/qwik-city";
 import { useSignal } from "@builder.io/qwik";
 import { Link } from "@builder.io/qwik-city";
 import { ArrowLeftIcon } from "lucide-qwik";
 import Dropdown from "@/components/dropdown";
 import posthog from "posthog-js";
 export default component$(() => {
-  const session = useAuthSession();
+  const session = useSession();
   //eslint-disable-next-line
   useVisibleTask$(() => {
     if (document.location.host.includes("study-hack.vercel.app")) {

src/components/profile/ProfileCard.tsx

@@ -1,6 +1,6 @@
 import { Modal } from "@qwik-ui/headless";
 import { component$, type Signal } from "@builder.io/qwik";
-import { useAuthSession } from "~/routes/plugin@auth";
+import { useSession } from "~/routes/plugin@auth";
 
 type CardProps = {
   data: { name: string; about: string; interests: string[] };
@@ -9,7 +9,7 @@ type CardProps = {
 };
 
 export default component$<CardProps>(({ data }) => {
-  const session = useAuthSession();
+  const session = useSession();
   const image = session.value?.user?.image;
   return (
     <div class="flex flex-col items-center  gap-5  py-8  md:flex-row md:gap-5 md:pt-12 lg:items-start ">

src/routes/login/index.tsx

@@ -1,4 +1,4 @@
-import { useAuthSignin } from "../plugin@auth";
+import { useSignIn } from "../plugin@auth";
 import { component$ } from "@builder.io/qwik";
 import { GoogleIcon, GithubIcon } from "~/components/icons";
 import { Form } from "@builder.io/qwik-city";
@@ -25,7 +25,7 @@ export const onGet: RequestHandler = async (req) => {
 };
 
 export default component$(() => {
-  const signin = useAuthSignin();
+  const signin = useSignIn();
   return (
     <div class="flex h-fit   flex-col items-center justify-around    bg-white py-10 shadow-sm lg:pt-4">
       <JustRnd class="h-72 w-72" />

src/routes/plugin@auth.ts

@@ -1,15 +1,13 @@
-import { serverAuth$ } from "@builder.io/qwik-auth";
-import GitHub from "@auth/core/providers/github";
-import type { Provider } from "@auth/core/providers";
+import { QwikAuth$ } from "@auth/qwik";
+import GitHub from "@auth/qwik/providers/github";
 
-export const { onRequest, useAuthSession, useAuthSignin, useAuthSignout } =
-  serverAuth$(({ env }) => ({
-    secret: env.get("AUTH_SECRET"),
-    trustHost: true,
+export const { onRequest, useSession, useSignIn, useSignOut } = QwikAuth$(
+  (params) => ({
     providers: [
       GitHub({
-        clientId: env.get("GITHUB_ID")!,
-        clientSecret: env.get("GITHUB_SECRET")!,
+        clientId: params.env.get("GITHUB_ID"),
+        clientSecret: params.env.get("GITHUB_SECRET"),
       }),
-    ] as Provider[],
-  }));
+    ],
+  }),
+);