nuxt-better-auth-utils

import { drizzleAdapter } from 'better-auth/adapters/drizzle'; import { organization } from 'better-auth/plugins'; import { defineDrizzleConfig, useDrizzle } from '#nuxt-drizzle'; // Assuming nuxt-drizzle for DB // nuxt.config.ts export default defineNuxtConfig({ modules: [ 'nuxt-better-auth-utils', '#some-database-module' // e.g., 'nuxt-drizzle' ], betterAuthUtils: { redirectTo: '/login', }, // Configure other modules like nuxt-drizzle if used // drizzle: { ... } }); // server/auth.server.config.ts // Ensure database client is available via your preferred Nuxt database module. // This example assumes `useDrizzle()` from `nuxt-drizzle`. export default defineAuthConfig(() => { // In a real application, replace useDrizzle with your actual database client setup const db = useDrizzle(); // Example using a hypothetical nuxt-drizzle hook return { database: drizzleAdapter(db, { provider: 'pg' }), // Replace with your adapter emailAndPassword: { enabled: true }, plugins: [organization()], }; }); // app/auth.client.config.ts import { organizationClient } from 'better-auth/client/plugins'; export default defineAuthClientConfig({ plugins: [organizationClient()], }); // pages/protected.vue <script setup lang="ts"> definePageMeta({ middleware: 'auth', }); const { session, user, loggedIn, signOut } = useAuth(); </script> <template> <div> <h1>Welcome, {{ user?.email }}!</h1> <p v-if="loggedIn">You are logged in.</p> <button @click="signOut({ redirectTo: '/login' })">Sign Out</button> </div> </template>