diff --git a/docs/content/3.docs/2.directory-structure/4.components.md b/docs/content/3.docs/2.directory-structure/4.components.md
index 1fa95b6b5..0cdf463ab 100644
--- a/docs/content/3.docs/2.directory-structure/4.components.md
+++ b/docs/content/3.docs/2.directory-structure/4.components.md
@@ -173,7 +173,7 @@ Imagine a directory structure like this:
 Then in `awesome-ui/nuxt.js` you can use the `components:dirs` hook:
 
 ```js
-import { join } from 'pathe'
+import { join } from 'path'
 import { defineNuxtModule } from '@nuxt/kit'
 
 export default defineNuxtModule({