diff --git a/src/dirs.ts b/src/dirs.ts
new file mode 100644
index 00000000..655b7835
--- /dev/null
+++ b/src/dirs.ts
@@ -0,0 +1,14 @@
+import { fileURLToPath } from 'url'
+import { resolve } from 'pathe'
+
+export const distDir = resolve(typeof __dirname === 'undefined' ? fileURLToPath(import.meta.url) : __dirname)
+
+const _makeResolve = (base: string) => {
+  return (...p: string[]) => resolve(base, ...p)
+}
+
+export const runtimeDir = resolve(distDir, 'runtime')
+export const resolveRuntimeDir = _makeResolve(runtimeDir)
+
+export const componentsDir = resolve(distDir, 'components')
+export const resolveComponentsDir = _makeResolve(componentsDir)
diff --git a/src/index.ts b/src/index.ts
index ee23f73a..77d46776 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,7 +1,8 @@
-import { resolve, join } from 'pathe'
+import { join } from 'pathe'
 import { defineNuxtModule, installModule, addPlugin, resolveModule } from '@nuxt/kit'
 import { colors } from '@unocss/preset-uno'
 import type { UnocssNuxtOptions } from '@unocss/nuxt'
+import { runtimeDir, componentsDir } from './dirs'
 
 export default defineNuxtModule({
   name: '@nuxthq/ui',
@@ -95,9 +96,6 @@ export default defineNuxtModule({
 
     await installModule(nuxt, { src: '@unocss/nuxt', options })
 
-    const runtimeDir = resolve(__dirname, 'runtime')
-    const componentsDir = resolve(__dirname, 'components')
-
     addPlugin(resolveModule('./plugin', { paths: runtimeDir }), { append: true })
 
     nuxt.hook('components:dirs', (dirs) => {