chore: fix lint errors

Author: rrd108

playground/pages/login.vue

@@ -61,11 +61,19 @@ const dismissError = () => {
       <h2>Login Component Demo</h2>
     </div>
 
-    <div v-if="oauthError" class="error-banner">
+    <div
+      v-if="oauthError"
+      class="error-banner"
+    >
       <div class="error-content">
         <span class="error-icon">⚠️</span>
         <span class="error-message">{{ oauthError }}</span>
-        <button class="error-dismiss" @click="dismissError">✕</button>
+        <button
+          class="error-dismiss"
+          @click="dismissError"
+        >
+          ✕
+        </button>
       </div>
     </div>
 
@@ -74,18 +82,18 @@ const dismissError = () => {
       @error="handleError"
       @submit="handleSubmit"
     />
-    
+
     <div class="oauth-divider">
       <span>or</span>
     </div>
-    
+
     <div class="oauth-section">
       <h3>OAuth Login</h3>
       <p>Click below to test Google OAuth (requires valid credentials in .env)</p>
-      <NUsersGoogleLoginButton 
-        @click="handleGoogleLogin"
+      <NUsersGoogleLoginButton
         button-text="Continue with Google"
         class="google-btn"
+        @click="handleGoogleLogin"
       />
     </div>
   </div>

src/cli/add-google-oauth-fields.ts

@@ -22,12 +22,12 @@ export default defineCommand({
         // Check if columns already exist
         const tableInfo = await db.sql`PRAGMA table_info(${tableName})` as { rows: Array<{ name: string }> }
         const columnNames = tableInfo.rows.map(row => row.name)
-        
+
         if (!columnNames.includes('google_id')) {
           await db.sql`ALTER TABLE {${tableName}} ADD COLUMN google_id TEXT`
           console.log('[Nuxt Users] Added google_id column to SQLite users table ✅')
         }
-        
+
         if (!columnNames.includes('profile_picture')) {
           await db.sql`ALTER TABLE {${tableName}} ADD COLUMN profile_picture TEXT`
           console.log('[Nuxt Users] Added profile_picture column to SQLite users table ✅')
@@ -38,7 +38,7 @@ export default defineCommand({
           console.log('[Nuxt Users] Added last_login_at column to SQLite users table ✅')
         }
       }
-      
+
       if (connectorName === 'mysql') {
         // Check if columns exist
         const checkColumns = await db.sql`
@@ -48,20 +48,20 @@ export default defineCommand({
           AND TABLE_NAME = ${tableName}
           AND COLUMN_NAME IN ('google_id', 'profile_picture')
         ` as { rows: Array<{ COLUMN_NAME: string }> }
-        
+
         const existingColumns = checkColumns.rows.map(row => row.COLUMN_NAME)
-        
+
         if (!existingColumns.includes('google_id')) {
           await db.sql`ALTER TABLE {${tableName}} ADD COLUMN google_id VARCHAR(255) UNIQUE`
           console.log('[Nuxt Users] Added google_id column to MySQL users table ✅')
         }
-        
+
         if (!existingColumns.includes('profile_picture')) {
           await db.sql`ALTER TABLE {${tableName}} ADD COLUMN profile_picture TEXT`
           console.log('[Nuxt Users] Added profile_picture column to MySQL users table ✅')
         }
       }
-      
+
       if (connectorName === 'postgresql') {
         // Check if columns exist
         const checkColumns = await db.sql`
@@ -70,25 +70,25 @@ export default defineCommand({
           WHERE table_name = ${tableName}
           AND column_name IN ('google_id', 'profile_picture')
         ` as { rows: Array<{ column_name: string }> }
-        
+
         const existingColumns = checkColumns.rows.map(row => row.column_name)
-        
+
         if (!existingColumns.includes('google_id')) {
           await db.sql`ALTER TABLE {${tableName}} ADD COLUMN google_id VARCHAR(255) UNIQUE`
           console.log('[Nuxt Users] Added google_id column to PostgreSQL users table ✅')
         }
-        
+
         if (!existingColumns.includes('profile_picture')) {
           await db.sql`ALTER TABLE {${tableName}} ADD COLUMN profile_picture TEXT`
           console.log('[Nuxt Users] Added profile_picture column to PostgreSQL users table ✅')
         }
       }
-      
+
       console.log('[Nuxt Users] Google OAuth fields migration completed successfully! ✅')
-      
-    } catch (error) {
+    }
+    catch (error) {
       console.error('[Nuxt Users] DB:Migration Error:', error)
       process.exit(1)
     }
   }
-})
+})

src/runtime/components/NUsersGoogleLoginButton.vue

@@ -42,20 +42,22 @@ const { apiBasePath } = nuxtUsers as ModuleOptions
 const isLoading = ref(false)
 
 // Compute redirect URL
-const redirectEndpoint = computed(() => 
+const redirectEndpoint = computed(() =>
   props.redirectEndpoint || `${apiBasePath}/auth/google/redirect`
 )
 
 const handleGoogleLogin = async () => {
   isLoading.value = true
   emit('click')
-  
+
   try {
     // Navigate to Google OAuth redirect endpoint
     await navigateTo(redirectEndpoint.value, { external: true })
-  } catch (error) {
+  }
+  catch (error) {
     console.error('[Nuxt Users] Google OAuth redirect failed:', error)
-  } finally {
+  }
+  finally {
     isLoading.value = false
   }
 }
@@ -65,7 +67,7 @@ const handleGoogleLogin = async () => {
   <button
     type="button"
     class="n-users-google-btn"
-    :class="[{ 'loading': isLoading }, props.class]"
+    :class="[{ loading: isLoading }, props.class]"
     :disabled="isLoading"
     @click="handleGoogleLogin"
   >
@@ -74,7 +76,7 @@ const handleGoogleLogin = async () => {
       v-if="isLoading"
       class="n-users-loading-spinner"
     />
-    
+
     <!-- Google logo SVG -->
     <svg
       v-if="showLogo && !isLoading"
@@ -108,4 +110,4 @@ const handleGoogleLogin = async () => {
   </button>
 </template>
 
-<!-- CSS removed - now consolidated in nuxt-users.css -->
+<!-- CSS removed - now consolidated in nuxt-users.css -->

src/runtime/composables/useAuthentication.ts

@@ -58,22 +58,23 @@ export const useAuthentication = () => {
   const fetchUser = async (useSSR = false) => {
     try {
       let userData: UserWithoutPassword | null = null
-      
+
       if (useSSR) {
         // Use useFetch for SSR - properly handles cookies
         const { data, error } = await useFetch<{ user: UserWithoutPassword }>(`${apiBasePath}/me`, {
           server: true,
           lazy: false
         })
-        
+
         if (error.value) {
           throw new Error(error.value.message || 'Failed to fetch user')
         }
-        
+
         userData = data.value?.user || null
-      } else {
+      }
+      else {
         // Use $fetch for client-only requests
-        const response = await $fetch<{ user: UserWithoutPassword }>(`${apiBasePath}/me`, { 
+        const response = await $fetch<{ user: UserWithoutPassword }>(`${apiBasePath}/me`, {
           method: 'GET'
         })
         userData = response.user

src/runtime/middleware/authorization.client.ts

@@ -28,7 +28,7 @@ export default defineNuxtRouteMiddleware(async (to) => {
   }
 
   const { isAuthenticated, user, fetchUser } = useAuthentication()
-  
+
   // If not authenticated but oauth_success flag is present, fetch user using SSR
   if (!isAuthenticated.value && to.query?.oauth_success === 'true') {
     try {
@@ -38,7 +38,7 @@ export default defineNuxtRouteMiddleware(async (to) => {
       console.error('[Nuxt Users] Failed to fetch user after OAuth:', error)
     }
   }
-  
+
   if (!isAuthenticated.value) {
     console.log(`[Nuxt Users] client.middleware.auth.global: Unauthenticated ${to.path}, redirecting to /login`)
     return navigateTo('/login')

src/runtime/server/api/nuxt-users/auth/google/redirect.get.ts

@@ -1,4 +1,4 @@
-import { defineEventHandler, sendRedirect, createError } from 'h3'
+import { defineEventHandler, sendRedirect, createError, type H3Event } from 'h3'
 import type { ModuleOptions } from 'nuxt-users/utils'
 import { useRuntimeConfig } from '#imports'
 import { createGoogleOAuth2Client, getGoogleAuthUrl } from '../../../../utils/google-oauth'
@@ -34,8 +34,8 @@ export default defineEventHandler(async (event) => {
 
     // Redirect to Google OAuth
     return sendRedirect(event, authUrl)
-    
-  } catch (error) {
+  }
+  catch (error) {
     console.error('[Nuxt Users] Google OAuth redirect error:', error)
     throw createError({
       statusCode: 500,
@@ -44,10 +44,9 @@ export default defineEventHandler(async (event) => {
   }
 })
 
-// Helper function to get request URL
-function getRequestURL(event: any) {
+const getRequestURL = (event: H3Event) => {
   const headers = event.node.req.headers
   const host = headers.host || headers[':authority']
-  const protocol = headers['x-forwarded-proto'] || (event.node.req.socket?.encrypted ? 'https' : 'http')
+  const protocol = headers['x-forwarded-proto']
   return new URL(`${protocol}://${host}`)
-}
+}

src/runtime/server/utils/add-google-oauth-fields.ts

@@ -16,16 +16,16 @@ export const addGoogleOauthFields = async (options: ModuleOptions) => {
     }
     catch (error) {
       // Column might already exist, ignore the error
-      console.log('[Nuxt Users] google_id column might already exist')
+      console.error('[Nuxt Users] google_id column might already exist', error)
     }
-    
+
     try {
       await db.sql`ALTER TABLE {${tableName}} ADD COLUMN profile_picture TEXT`
       console.log('[Nuxt Users] Added profile_picture column ✅')
     }
     catch (error) {
       // Column might already exist, ignore the error
-      console.log('[Nuxt Users] profile_picture column might already exist')
+      console.error('[Nuxt Users] profile_picture column might already exist', error)
     }
   }
 

src/runtime/server/utils/google-oauth.ts

@@ -28,7 +28,7 @@ export function createGoogleOAuth2Client(options: GoogleOAuthOptions, callbackUr
  */
 export function getGoogleAuthUrl(oauth2Client: OAuth2Client, options: GoogleOAuthOptions): string {
   const scopes = options.scopes || ['openid', 'profile', 'email']
-  
+
   return oauth2Client.generateAuthUrl({
     access_type: 'offline',
     scope: scopes,
@@ -82,7 +82,7 @@ export async function generateSecurePassword(): Promise<string> {
  * Find or create user from Google OAuth data
  */
 export async function findOrCreateGoogleUser(
-  googleUser: GoogleUserInfo, 
+  googleUser: GoogleUserInfo,
   moduleOptions: ModuleOptions
 ): Promise<User | null> {
   const db = await useDb(moduleOptions)
@@ -97,7 +97,7 @@ export async function findOrCreateGoogleUser(
 
   if (userResult.rows.length > 0) {
     const user = userResult.rows[0]
-    
+
     // Update profile picture if it has changed
     if (user.profile_picture !== googleUser.picture) {
       await db.sql`
@@ -107,7 +107,7 @@ export async function findOrCreateGoogleUser(
       `
       user.profile_picture = googleUser.picture
     }
-    
+
     return user
   }
 
@@ -127,7 +127,7 @@ export async function findOrCreateGoogleUser(
           updated_at = CURRENT_TIMESTAMP
       WHERE id = ${user.id}
     `
-    
+
     user.google_id = googleUser.id
     user.profile_picture = googleUser.picture
     return user
@@ -140,8 +140,8 @@ export async function findOrCreateGoogleUser(
 
   // Create new user
   const securePassword = await generateSecurePassword()
-  
-  const insertResult = await db.sql`
+
+  await db.sql`
     INSERT INTO {${usersTable}} (
       email, name, password, role, google_id, profile_picture, 
       active, created_at, updated_at
@@ -171,13 +171,13 @@ export async function findOrCreateGoogleUser(
  * Create authentication token for user (reusing existing logic)
  */
 export async function createAuthTokenForUser(
-  user: User, 
+  user: User,
   moduleOptions: ModuleOptions,
   rememberMe = false
 ): Promise<string> {
   const db = await useDb(moduleOptions)
   const personalAccessTokensTable = moduleOptions.tables.personalAccessTokens
-  
+
   const token = crypto.randomBytes(64).toString('hex')
   const tokenName = 'oauth_auth_token'
 
@@ -186,7 +186,8 @@ export async function createAuthTokenForUser(
   if (rememberMe) {
     const longTermDays = moduleOptions.auth.rememberMeExpiration || 30
     expiresAt.setDate(expiresAt.getDate() + longTermDays)
-  } else {
+  }
+  else {
     expiresAt.setMinutes(expiresAt.getMinutes() + moduleOptions.auth.tokenExpiration)
   }
 
@@ -206,4 +207,4 @@ export async function createAuthTokenForUser(
   `
 
   return token
-}
+}

src/types.ts

@@ -21,7 +21,7 @@ export interface GoogleOAuthOptions {
    */
   clientId: string
   /**
-   * Google OAuth client secret from Google Cloud Console  
+   * Google OAuth client secret from Google Cloud Console
    */
   clientSecret: string
   /**