fix: nuxt3 typescript support in nuxt.config.ts

nuxt/index.d.ts

@@ -0,0 +1,18 @@
+import { NuxtModule, ModuleOptions } from '@nuxt/schema';
+
+interface VWaveModuleOptions extends ModuleOptions {
+    randomProp: string;
+}
+declare const module: NuxtModule<VWaveModuleOptions>;
+
+declare module '@nuxt/schema' {
+    interface NuxtConfig { ['vWave']?: NuxtModule<VWaveModuleOptions> }
+    interface NuxtOptions { ['vWave']?: VWaveModuleOptions }
+}
+
+declare module 'nuxt/schema' {
+    interface NuxtConfig { ['vWave']?: NuxtModule<VWaveModuleOptions> }
+    interface NuxtOptions { ['vWave']?: VWaveModuleOptions }
+}
+
+export { VWaveModuleOptions, module as default };

nuxt/index.ts

@@ -0,0 +1,25 @@
+import { defineNuxtModule, addPlugin, createResolver } from '@nuxt/kit'
+import type { IVWavePluginOptions } from '../src/options'
+
+type ModuleOptions = Partial<IVWavePluginOptions>
+
+export default defineNuxtModule<ModuleOptions>({
+  meta: {
+    name: 'v-wave',
+    configKey: 'vWave',
+    compatibility: {
+      nuxt: '^3.0.0',
+      bridge: true
+    }
+  },
+  defaults: {
+    directive: "wave"
+  },
+  setup(options, nuxt) {
+    const { resolve } = createResolver(import.meta.url)
+
+    nuxt.options.runtimeConfig.public.vWave = options
+
+    addPlugin(resolve('./runtime/plugin.ts'))
+  }
+})

nuxt/runtime/plugin.js → nuxt/runtime/plugin.ts

@@ -4,18 +4,16 @@ import { defineNuxtPlugin, useRuntimeConfig } from '#imports'
 export default defineNuxtPlugin((app) => {
   const options = useRuntimeConfig().public.vWave
 
-  const directive = options.directive || 'wave'
-
   const { vWave, vWaveTrigger } = VWave.createLocalWaveDirective(options, app.vueApp)
 
-  app.vueApp.directive(directive, {
+  app.vueApp.directive(options.directive, {
     ...vWave,
     getSSRProps() {
       return {}
     }
   })
 
-  app.vueApp.directive(`${directive}-trigger`, {
+  app.vueApp.directive(`${options.directive}-trigger`, {
     ...vWaveTrigger,
     getSSRProps() {
       return {}

package.json

@@ -5,8 +5,8 @@
   "description": "The material-ripple directive for Vue that actually works",
   "author": "Justin Taddei <justin@justintaddei.com> (https://justintaddei.com/)",
   "type": "module",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "unpkg": "dist/index.global.js",
   "files": ["dist/**/*", "nuxt/**/*"],