nuxt-ripple/dist/module.mjs

Add simple ripple effects to your elements

import { defineNuxtModule, createResolver, addImports, addPlugin } from '@nuxt/kit';

const module = defineNuxtModule({
  meta: {
    name: "nuxt-ripple",
    configKey: "ripple",
    compatibility: {
      nuxt: ">=3.0.0"
    }
  },
  defaults: {
    color: "rgba(255, 255, 255, 0.4)",
    mode: "click",
    duration: 350,
    scale: 1,
    overflow: false,
    pulseInterval: 1e3
  },
  setup(options, nuxt) {
    const resolver = createResolver(import.meta.url);
    nuxt.options.appConfig.ripple = Object.assign(
      nuxt.options.appConfig.ripple || {},
      options
    );
    addImports({ name: "useRipple", from: resolver.resolve("runtime/app/composables") });
    nuxt.options.css.push(resolver.resolve("./runtime/app/assets/css/main.css"));
    addPlugin(resolver.resolve("./runtime/app/plugin"));
  }
});

export { module as default };