feat: update auth0 (#396)

* chore(app): update auth0 dependency to 2.0.0
* docs(changeset): update auth0 to 2.0.0

.changeset/gold-boxes-stare.md

@@ -0,0 +1,5 @@
+---
+'@codeimage/app': patch
+---
+
+update auth0 to 2.0.0

apps/codeimage/package.json

@@ -34,7 +34,7 @@
     "workbox-window": "^6.5.4"
   },
   "dependencies": {
-    "@auth0/auth0-spa-js": "1.22.5",
+    "@auth0/auth0-spa-js": "^2.0.0",
     "@codeimage/api": "workspace:*",
     "@codeimage/atomic-state": "workspace:*",
     "@codeimage/config": "workspace:*",

apps/codeimage/src/core/constants/auth0.ts

@@ -8,12 +8,14 @@ function createAuth0(): Promise<Auth0Client> {
       createAuth0Client(),
     );
   }
-  return import('@auth0/auth0-spa-js').then(({default: createAuth0Client}) =>
+  return import('@auth0/auth0-spa-js').then(({createAuth0Client}) =>
     createAuth0Client({
       domain: env.VITE_PUBLIC_AUTH0_DOMAIN,
-      client_id: env.VITE_PUBLIC_AUTH0_CLIENT_ID,
-      redirect_uri: `${window.location.protocol}//${window.location.host}`,
-      audience: env.VITE_PUBLIC_AUTH0_AUDIENCE,
+      clientId: env.VITE_PUBLIC_AUTH0_CLIENT_ID,
+      authorizationParams: {
+        redirect_uri: `${window.location.protocol}//${window.location.host}`,
+        audience: env.VITE_PUBLIC_AUTH0_AUDIENCE,
+      },
       cacheLocation: 'localstorage',
     }),
   );

apps/codeimage/src/state/auth/auth0.ts

@@ -27,12 +27,18 @@ export function $auth0State() {
   }
 
   async function login() {
-    auth0.loginWithRedirect({connection: 'github'});
+    auth0.loginWithRedirect({
+      authorizationParams: {
+        connection: 'github',
+      },
+    });
   }
 
   async function signOut() {
     await auth0.logout({
-      returnTo: `${window.location.protocol}//${window.location.host}`,
+      logoutParams: {
+        returnTo: `${window.location.protocol}//${window.location.host}`,
+      },
     });
   }