@nolebase/vitepress-plugin-enhanced-readabilities/dist/client/composables/animation.mjs

A VitePress plugin enhances the readabilities for VitePress built sites.

import { useDebounceFn, useMounted } from "@vueuse/core";
export function useLayoutAppearanceChangeAnimation() {
  const mounted = useMounted();
  return {
    trigger: (animateElement) => {
      animateElement.classList.add("VPNolebaseEnhancedReadabilitiesLayoutSwitchAnimated");
      const removeAnimatedClassName = useDebounceFn(() => {
        if (!(mounted.value && animateElement))
          return;
        animateElement.classList.remove("VPNolebaseEnhancedReadabilitiesLayoutSwitchAnimated");
      }, 5e3);
      removeAnimatedClassName();
    }
  };
}