fix: Nuxt component registration (#196)

Author: BobbieGoede

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'

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 = []