fix: imports setup

Author: rrd108

build.config.ts

@@ -18,6 +18,10 @@ export default defineBuildConfig({
   declaration: true,
   clean: true,
   failOnWarn: false,
+  // Configure alias resolution for build process
+  alias: {
+    'nuxt-users/utils': fileURLToPath(new URL('./src/utils/index.ts', import.meta.url))
+  },
   rollup: {
     inlineDependencies: ['citty', 'defu'],
     alias: {

nuxt.config.ts

@@ -0,0 +1,12 @@
+import { BASE_CONFIG } from './src/constants'
+
+export default defineNuxtConfig({
+  ...BASE_CONFIG,
+  devtools: { enabled: true },
+  modules: ['./src/module'],
+  nitro: {
+    experimental: {
+      database: true,
+    },
+  },
+})

package.json

@@ -53,20 +53,20 @@
     "nuxt-users": "./dist/cli.mjs"
   },
   "scripts": {
-    "prepack": "nuxt-module-build build --stub && node scripts/post-build.js",
+    "prepack": "nuxt-module-build build && node scripts/post-build.js",
     "postinstall": "node -e \"try { require('fs').chmodSync('./dist/cli.mjs', '755') } catch(e) {}\"",
     "predev": "node -v | grep -q 'v22' || (echo 'Please use Node.js v22 for development' && exit 1)",
     "dev": "yarn dev:prepare && nuxi dev playground",
     "dev:build": "nuxi build playground",
     "dev:prepare": "yarn nuxt-module-build build --stub && yarn nuxt-module-build prepare && nuxi prepare playground",
-    "build": "nuxt-module-build build --stub",
+    "build": "nuxt-module-build build",
     "postbuild": "node scripts/post-build.js",
     "prerelease": "node -v | grep -q 'v22' || (echo 'Please use Node.js v22 for deployment' && exit 1)",
     "release": "yarn lint && yarn test && changelogen --release && yarn build && yarn publish && git push --follow-tags",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "pretest": "node -v | grep -q 'v22' || (echo 'Please use Node.js v22 for testing' && exit 1)",
-    "test:types": "yarn dev:prepare && vue-tsc --noEmit && cd playground && vue-tsc --noEmit",
+    "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit",
     "test:unit": "./scripts/test-unit.sh",
     "test:sqlite": "./scripts/test-sqlite.sh",
     "test:mysql": "./scripts/test-mysql.sh",

scripts/post-build.js

@@ -44,22 +44,27 @@ function fixImportPaths(dir) {
     if (item.isDirectory()) {
       fixImportPaths(fullPath)
     }
-    else if (item.isFile() && (item.name.endsWith('.js') || item.name.endsWith('.vue'))) {
+    else if (item.isFile() && (item.name.endsWith('.js') || item.name.endsWith('.mjs') || item.name.endsWith('.vue') || item.name.endsWith('.ts'))) {
       let content = readFileSync(fullPath, 'utf8')
       let modified = false
 
-      // Note: nuxt-users/utils imports are already correct for consumers
+      // Transform relative imports to utils/imports back to nuxt-users/utils for consumers
+      const relativeImportsRegex = /from\s+["'](\.\.[/\\])*utils[/\\]imports["']/g
+      if (relativeImportsRegex.test(content)) {
+        content = content.replace(relativeImportsRegex, 'from "nuxt-users/utils"')
+        modified = true
+      }
 
-      // Fix remaining relative imports to utils (add .js extensions)
-      const utilsImportRegex = /from\s+["'](\.\.[/\\]){2,}utils\.js["']/g
+      // Transform other relative utils imports
+      const utilsImportRegex = /from\s+["']\.\.[/\\]utils[/\\]imports["']/g
       if (utilsImportRegex.test(content)) {
-        content = content.replace(utilsImportRegex, match => match.replace(/utils\.js["']$/, 'utils.js"'))
+        content = content.replace(utilsImportRegex, 'from "nuxt-users/utils"')
         modified = true
       }
 
       if (modified) {
         writeFileSync(fullPath, content)
-        console.log(`[Nuxt Users] Fixed import paths in ${fullPath}`)
+        console.log(`[Nuxt Users] Transformed import paths in ${fullPath}`)
       }
     }
   }

src/module.ts

@@ -1,6 +1,6 @@
 import { defineNuxtModule, createResolver, addServerHandler, addComponent, addPlugin, addImportsDir, addRouteMiddleware, addServerImportsDir } from '@nuxt/kit'
 import { defu } from 'defu'
-import type { RuntimeModuleOptions, ModuleOptions } from 'nuxt-users/utils'
+import type { RuntimeModuleOptions, ModuleOptions } from './types'
 
 export const defaultOptions: ModuleOptions = {
   connector: {

src/runtime/components/NUsersList.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, onMounted } from 'vue'
 import { useRuntimeConfig } from '#imports'
-import { defaultDisplayFields, defaultFieldLabels, type DisplayFieldsProps, type User } from 'nuxt-users/utils'
+import { defaultDisplayFields, defaultFieldLabels, type DisplayFieldsProps, type User } from "nuxt-users/utils"
 
 interface Pagination {
   page: number

src/runtime/components/NUsersLoginForm.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue'
 import { navigateTo } from '#app'
-import type { LoginFormData, LoginFormProps, UserWithoutPassword, ModuleOptions } from 'nuxt-users/utils'
+import type { LoginFormData, LoginFormProps, UserWithoutPassword, ModuleOptions } from "nuxt-users/utils"
 import { useRuntimeConfig } from '#imports'
 
 const { public: { nuxtUsers } } = useRuntimeConfig()

src/runtime/components/NUsersPasswordStrengthIndicator.vue

@@ -2,7 +2,7 @@
 import { computed } from 'vue'
 import type { PasswordValidationResult } from '../../utils'
 import { useRuntimeConfig } from '#imports'
-import type { ModuleOptions } from 'nuxt-users/utils'
+import type { ModuleOptions } from "nuxt-users/utils"
 
 interface Props {
   password: string

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, ResetPasswordFormProps } from 'nuxt-users/utils'
+import type { UserWithoutPassword, ModuleOptions, ResetPasswordFormProps } from "nuxt-users/utils"
 import { usePasswordValidation } from '../composables/usePasswordValidation'
 import { useRuntimeConfig, useRoute, useRouter } from '#imports'
 import NUsersPasswordStrengthIndicator from './NUsersPasswordStrengthIndicator.vue'

src/runtime/components/NUsersUserCard.vue

@@ -2,7 +2,7 @@
 import { computed } from 'vue'
 import { useAuthentication } from '../composables/useAuthentication'
 import { useRuntimeConfig } from '#imports'
-import { defaultDisplayFields, defaultFieldLabels, type DisplayFieldsProps, type User } from 'nuxt-users/utils'
+import { defaultDisplayFields, defaultFieldLabels, type DisplayFieldsProps, type User } from "nuxt-users/utils"
 
 interface Props extends DisplayFieldsProps {
   user: User