diff --git a/packages/kit/src/config/schema/_common.ts b/packages/kit/src/config/schema/_common.ts
index e3b2613a8a..fe7d96937f 100644
--- a/packages/kit/src/config/schema/_common.ts
+++ b/packages/kit/src/config/schema/_common.ts
@@ -457,7 +457,7 @@ export default {
    * @version 3
    */
   extensions: {
-    $resolve: val => ['.js', '.mjs', '.ts', '.tsx', '.vue'].concat(val).filter(Boolean)
+    $resolve: val => ['.js', '.jsx', '.mjs', '.ts', '.tsx', '.vue'].concat(val).filter(Boolean)
   },
 
   /**
diff --git a/packages/nuxt3/src/components/module.ts b/packages/nuxt3/src/components/module.ts
index dbdc8439ea..67e941c4bc 100644
--- a/packages/nuxt3/src/components/module.ts
+++ b/packages/nuxt3/src/components/module.ts
@@ -26,7 +26,7 @@ export default defineNuxtModule({
         const dirOptions: ComponentsDir = typeof dir === 'object' ? dir : { path: dir }
         const dirPath = resolveAlias(dirOptions.path, nuxt.options.alias)
         const transpile = typeof dirOptions.transpile === 'boolean' ? dirOptions.transpile : 'auto'
-        const extensions = dirOptions.extensions || ['vue'] // TODO: nuxt extensions and strip leading dot
+        const extensions = (dirOptions.extensions || nuxt.options.extensions).map(e => e.replace(/^\./g, ''))
 
         dirOptions.level = Number(dirOptions.level || 0)