fix: Nuxt component registration (#196)

vueuse · May 30, 2024 · 0650606 · 0650606
1 parent 2399990
commit 0650606
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/src/index.ts b/src/index.ts
@@ -14,6 +14,9 @@ export * from './presets'
 // Typings
 export * from './types'
 
+// Components
+export * from './components'
+
 // Composables
 export { reactiveStyle } from './reactiveStyle'
 export { reactiveTransform } from './reactiveTransform'

diff --git a/src/nuxt/module.ts b/src/nuxt/module.ts
@@ -1,5 +1,5 @@
 import { defu } from 'defu'
-import { addImportsDir, addPlugin, createResolver, defineNuxtModule } from '@nuxt/kit'
+import { addComponent, addImportsDir, addPlugin, createResolver, defineNuxtModule } from '@nuxt/kit'
 import type { NuxtModule } from '@nuxt/schema'
 import type { ModuleOptions as MotionModuleOpts } from '../types'
 
@@ -23,6 +23,19 @@ export default defineNuxtModule<ModuleOptions>({
     // Add auto imports
     addImportsDir(resolve('./runtime/composables'))
 
+    // Add components
+    addComponent({
+      name: 'Motion',
+      export: 'MotionComponent',
+      filePath: '@vueuse/motion',
+    })
+
+    addComponent({
+      name: 'MotionGroup',
+      export: 'MotionGroupComponent',
+      filePath: '@vueuse/motion',
+    })
+
     // Transpile necessary packages
     if (!nuxt.options.build.transpile)
       nuxt.options.build.transpile = []