feat(playground): use Convex as auth database

playground/app/auth.config.ts

@@ -1,5 +1,5 @@
-import { createAuthClient } from 'better-auth/vue'
+import { defineClientAuth } from '@onmax/nuxt-better-auth/config'
 
-export function createAppAuthClient(baseURL: string) {
-  return createAuthClient({ baseURL })
-}
+export default defineClientAuth(() => ({
+  baseURL: `${import.meta.env.VITE_CONVEX_SITE_URL}/api/auth`,
+}))

playground/convex/auth.config.ts

@@ -0,0 +1,6 @@
+import type { AuthConfig } from 'convex/server'
+import { getAuthConfigProvider } from '@convex-dev/better-auth/auth-config'
+
+export default {
+  providers: [getAuthConfigProvider()],
+} satisfies AuthConfig

playground/convex/auth.ts

@@ -0,0 +1,44 @@
+import type { GenericCtx } from '@convex-dev/better-auth'
+import type { BetterAuthOptions } from 'better-auth/minimal'
+import type { DataModel } from './_generated/dataModel'
+import process from 'node:process'
+import { createClient } from '@convex-dev/better-auth'
+import { convex, crossDomain } from '@convex-dev/better-auth/plugins'
+import { betterAuth } from 'better-auth/minimal'
+import { components } from './_generated/api'
+import authConfig from './auth.config'
+
+const siteUrl = process.env.SITE_URL!
+
+export const authComponent = createClient<DataModel>(components.betterAuth, {
+  verbose: false,
+})
+
+export function createAuthOptions(ctx: GenericCtx<DataModel>): BetterAuthOptions {
+  return ({
+    appName: 'nuxt-convex Playground',
+    trustedOrigins: [siteUrl, 'https://*.onmax.me'],
+    database: authComponent.adapter(ctx),
+    socialProviders: {
+      github: {
+        clientId: process.env.GITHUB_CLIENT_ID || '',
+        clientSecret: process.env.GITHUB_CLIENT_SECRET || '',
+      },
+    },
+    session: {
+      cookieCache: { enabled: true, maxAge: 7 * 24 * 60 * 60, strategy: 'jwe' },
+    },
+    account: {
+      storeStateStrategy: 'cookie',
+      storeAccountCookie: true,
+    },
+    plugins: [
+      crossDomain({ siteUrl }),
+      convex({ authConfig }),
+    ],
+  }) satisfies BetterAuthOptions
+}
+
+export function createAuth(ctx: GenericCtx<DataModel>): ReturnType<typeof betterAuth> {
+  return betterAuth(createAuthOptions(ctx))
+}

playground/convex/convex.config.ts

@@ -0,0 +1,6 @@
+import betterAuth from '@convex-dev/better-auth/convex.config'
+import { defineApp } from 'convex/server'
+
+const app = defineApp()
+app.use(betterAuth)
+export default app

playground/convex/http.ts

@@ -0,0 +1,8 @@
+import { httpRouter } from 'convex/server'
+import { authComponent, createAuth } from './auth'
+
+const http = httpRouter()
+
+authComponent.registerRoutes(http, createAuth, { cors: true })
+
+export default http

playground/nuxt.config.ts

@@ -36,6 +36,7 @@ export default defineNuxtConfig({
   },
 
   auth: {
+    clientOnly: true,
     redirects: {
       login: '/',
       guest: '/',

playground/package.json

@@ -6,6 +6,7 @@
     "build": "nuxi build"
   },
   "dependencies": {
+    "@convex-dev/better-auth": "catalog:convex",
     "@nuxthub/core": "catalog:playground",
     "@onmax/nuxt-better-auth": "catalog:playground",
     "better-auth": "catalog:playground",

pnpm-workspace.yaml

@@ -25,6 +25,7 @@ catalogs:
     '@nuxt/module-builder': ^1.0.2
     typescript: ^5.9.3
   convex:
+    '@convex-dev/better-auth': ^0.10.10
     convex: ^1.31.3
   lint:
     '@antfu/eslint-config': ^6.7.3
@@ -36,7 +37,7 @@ catalogs:
     vue: ^3.5.26
   playground:
     '@nuxthub/core': ^0.10.3
-    '@onmax/nuxt-better-auth': https://pkg.pr.new/onmax/nuxt-better-auth/@onmax/nuxt-better-auth@5f06fbf
+    '@onmax/nuxt-better-auth': ^0.0.2-alpha.15
     better-auth: ^1.4.7
     wrangler: ^4.0.0
   prod: