nuxt-ripple/dist/runtime/app/composables.js

Add simple ripple effects to your elements

import { useNuxtApp } from "#app";
export const useRipple = () => {
  const { $ripple } = useNuxtApp();
  const updateRippleConfig = (config) => {
    const newConfig = Object.assign($ripple.state.value, config);
    $ripple.mount(newConfig);
  };
  if (import.meta.server) {
    updateRippleConfig($ripple.state.value);
  }
  const { mode, color, duration, scale, overflow, pulseInterval } = $ripple;
  return {
    mode,
    color,
    duration,
    scale,
    overflow,
    pulseInterval,
    updateRippleConfig
  };
};