fix: type errors

Author: rrd108

src/runtime/components/NUsersGoogleLoginButton.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue'
-import type { ModuleOptions } from 'nuxt-users/utils'
+import type { RuntimeModuleOptions } from 'nuxt-users/utils'
 import { useRuntimeConfig, navigateTo } from '#imports'
 import { useNuxtUsersLocale } from '../composables/useNuxtUsersLocale'
 
@@ -42,7 +42,7 @@ const props = withDefaults(defineProps<Props>(), {
 const emit = defineEmits<Emits>()
 
 const { public: { nuxtUsers } } = useRuntimeConfig()
-const { apiBasePath } = nuxtUsers as ModuleOptions
+const { apiBasePath } = nuxtUsers as RuntimeModuleOptions
 
 const isLoading = ref(false)
 

src/runtime/components/NUsersLoginForm.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue'
 import { navigateTo } from '#app'
-import type { LoginFormData, UserWithoutPassword, ModuleOptions } from 'nuxt-users/utils'
+import type { LoginFormData, UserWithoutPassword, RuntimeModuleOptions } from 'nuxt-users/utils'
 import { useRuntimeConfig } from '#imports'
 import { useNuxtUsersLocale } from '../composables/useNuxtUsersLocale'
 
 const { public: { nuxtUsers } } = useRuntimeConfig()
-const { passwordValidation } = nuxtUsers as ModuleOptions
+const { passwordValidation } = nuxtUsers as RuntimeModuleOptions
 const { t } = useNuxtUsersLocale()
 
 // Note: We define Props interface inline instead of importing LoginFormProps from 'nuxt-users/utils'
@@ -170,7 +170,7 @@ const handleForgotPassword = async () => {
             name="password"
             :placeholder="props.passwordPlaceholder || t('login.passwordPlaceholder')"
             required
-            :minlength="passwordValidation.minLength"
+            :minlength="passwordValidation?.minLength || 8"
           >
         </div>
       </slot>

src/runtime/components/NUsersPasswordStrengthIndicator.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { useRuntimeConfig } from '#app'
-import type { PasswordValidationResult, ModuleOptions } from 'nuxt-users/utils'
+import type { PasswordValidationResult, RuntimeModuleOptions } from 'nuxt-users/utils'
 import { useNuxtUsersLocale } from '../composables/useNuxtUsersLocale'
 
 const { t } = useNuxtUsersLocale()
@@ -27,7 +27,7 @@ const props = withDefaults(defineProps<Props>(), {
 })
 
 const { public: { nuxtUsers } } = useRuntimeConfig()
-const moduleOptions = nuxtUsers as ModuleOptions
+const moduleOptions = nuxtUsers as RuntimeModuleOptions
 
 const hasErrors = computed(() => (props.validationResult?.errors?.length || 0) > 0)
 const hasHints = computed(() => (props.validationResult?.hints?.length || 0) > 0)
@@ -39,39 +39,39 @@ const validationRules = computed(() => {
 
   const rules = []
 
-  if (moduleOptions.passwordValidation.minLength) {
+  if (moduleOptions.passwordValidation?.minLength) {
     const hasMinLength = props.password.length >= moduleOptions.passwordValidation.minLength
     rules.push({
       text: t('passwordStrength.minLength', [moduleOptions.passwordValidation.minLength]),
       passed: hasMinLength
     })
   }
 
-  if (moduleOptions.passwordValidation.requireUppercase) {
+  if (moduleOptions.passwordValidation?.requireUppercase) {
     const hasUppercase = /[A-Z]/.test(props.password)
     rules.push({
       text: t('passwordStrength.uppercase'),
       passed: hasUppercase
     })
   }
 
-  if (moduleOptions.passwordValidation.requireLowercase) {
+  if (moduleOptions.passwordValidation?.requireLowercase) {
     const hasLowercase = /[a-z]/.test(props.password)
     rules.push({
       text: t('passwordStrength.lowercase'),
       passed: hasLowercase
     })
   }
 
-  if (moduleOptions.passwordValidation.requireNumbers) {
+  if (moduleOptions.passwordValidation?.requireNumbers) {
     const hasNumbers = /\d/.test(props.password)
     rules.push({
       text: t('passwordStrength.number'),
       passed: hasNumbers
     })
   }
 
-  if (moduleOptions.passwordValidation.requireSpecialChars) {
+  if (moduleOptions.passwordValidation?.requireSpecialChars) {
     const hasSpecialChars = /[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]/.test(props.password)
     rules.push({
       text: t('passwordStrength.specialChar'),

src/runtime/components/NUsersRegisterForm.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import { ref, computed, watch } from 'vue'
 import { navigateTo } from '#app'
-import type { UserWithoutPassword, ModuleOptions, PasswordValidationResult } from 'nuxt-users/utils'
+import type { UserWithoutPassword, RuntimeModuleOptions, PasswordValidationResult } from 'nuxt-users/utils'
 import { useRuntimeConfig } from '#imports'
 import { validatePassword } from 'nuxt-users/utils'
 import { useNuxtUsersLocale } from '../composables/useNuxtUsersLocale'
 
 const { public: { nuxtUsers } } = useRuntimeConfig()
-const { passwordValidation } = nuxtUsers as ModuleOptions
+const { passwordValidation } = nuxtUsers as RuntimeModuleOptions
 const { t } = useNuxtUsersLocale()
 
 // Props interface
@@ -200,7 +200,7 @@ const handleSubmit = async () => {
             name="password"
             :placeholder="props.passwordPlaceholder || t('register.passwordPlaceholder')"
             required
-            :minlength="passwordValidation.minLength"
+            :minlength="passwordValidation?.minLength || 8"
           >
         </div>
       </slot>

src/runtime/components/NUsersResetPasswordForm.vue

@@ -11,7 +11,7 @@
  * For password change: requires user to be logged in and provide current password
  */
 import { ref, watch, computed } from 'vue'
-import type { UserWithoutPassword, ModuleOptions } from 'nuxt-users/utils'
+import type { UserWithoutPassword, RuntimeModuleOptions } from 'nuxt-users/utils'
 import { usePasswordValidation } from '../composables/usePasswordValidation'
 import { useRuntimeConfig, useRoute, useRouter } from '#imports'
 import NUsersPasswordStrengthIndicator from './NUsersPasswordStrengthIndicator.vue'
@@ -44,7 +44,7 @@ interface Emits {
 }
 
 const { public: { nuxtUsers } } = useRuntimeConfig()
-const moduleOptions = nuxtUsers as ModuleOptions
+const moduleOptions = nuxtUsers as RuntimeModuleOptions
 
 const props = defineProps<Props>()
 const emit = defineEmits<Emits>()

src/runtime/composables/useNuxtUsersLocale.ts

@@ -1,6 +1,6 @@
 import { computed } from 'vue'
 import { useRuntimeConfig } from '#app'
-import type { ModuleOptions } from '../../types'
+import type { RuntimeModuleOptions } from '../../types'
 import { getTranslation } from '../utils/locale'
 
 /**
@@ -15,7 +15,7 @@ import { getTranslation } from '../utils/locale'
  */
 export const useNuxtUsersLocale = () => {
   const { public: { nuxtUsers } } = useRuntimeConfig()
-  const moduleOptions = nuxtUsers as ModuleOptions
+  const moduleOptions = nuxtUsers as RuntimeModuleOptions
 
   // Get current locale from module config
   const currentLocale = computed(() => {

src/runtime/composables/usePublicPaths.ts

@@ -2,15 +2,15 @@ import { useRuntimeConfig } from '#app'
 import { PUBLIC_PAGES, PUBLIC_API_ENDPOINTS, AUTHENTICATED_AUTO_ACCESS_ENDPOINTS } from '../constants'
 import { hasPermission, isWhitelisted } from '../utils/permissions'
 import { useAuthentication } from './useAuthentication'
-import type { ModuleOptions } from 'nuxt-users/utils'
+import type { RuntimeModuleOptions } from 'nuxt-users/utils'
 
 /**
  * Composable to get public paths and accessible paths for current user
  * @returns Object containing different categories of accessible paths
  */
 export const usePublicPaths = () => {
   const { public: { nuxtUsers } } = useRuntimeConfig()
-  const config = nuxtUsers as ModuleOptions
+  const config = nuxtUsers as RuntimeModuleOptions
   const apiBasePath = config.apiBasePath || '/api/nuxt-users'
   const { user } = useAuthentication()
 

src/runtime/middleware/authorization.client.ts

@@ -2,11 +2,11 @@ import { defineNuxtRouteMiddleware, navigateTo, useRuntimeConfig } from '#app'
 import { useAuthentication } from '../composables/useAuthentication'
 import { hasPermission, isWhitelisted } from '../utils/permissions'
 import { PUBLIC_PAGES, AUTHENTICATED_AUTO_ACCESS_ENDPOINTS } from '../constants'
-import type { ModuleOptions } from 'nuxt-users/utils'
+import type { RuntimeModuleOptions } from 'nuxt-users/utils'
 
 export default defineNuxtRouteMiddleware(async (to) => {
   const { public: { nuxtUsers: publicNuxtUsers } } = useRuntimeConfig()
-  const publicOptions = publicNuxtUsers as ModuleOptions
+  const publicOptions = publicNuxtUsers as RuntimeModuleOptions
   const base = publicOptions.apiBasePath || '/api/nuxt-users'
 
   // internal no-auth paths (e.g., /login)
@@ -22,7 +22,7 @@ export default defineNuxtRouteMiddleware(async (to) => {
   }
 
   // whitelisted paths are allowed to access without authentication
-  if (isWhitelisted(to.path, publicOptions.auth.whitelist)) {
+  if (isWhitelisted(to.path, publicOptions.auth?.whitelist || [])) {
     console.log(`[Nuxt Users] client.middleware.auth.global: Whitelisted: ${to.path}`)
     return
   }
@@ -53,7 +53,7 @@ export default defineNuxtRouteMiddleware(async (to) => {
   }
 
   // Check role-based permissions
-  if (!user.value || !hasPermission(user.value.role, to.path, 'GET', publicOptions.auth.permissions)) {
+  if (!user.value || !hasPermission(user.value.role, to.path, 'GET', publicOptions.auth?.permissions || {})) {
     console.log(`[Nuxt Users] client.middleware.auth.global: User with role ${user.value?.role} denied access to ${to.path}`)
     return navigateTo('/login')
   }