hypernym-studio / nuxt-gsap

GSAP module for Nuxt.
MIT License
292 stars 12 forks source link

feat: add custom club composables #56

Closed ivodolenc closed 1 year ago

ivodolenc commented 1 year ago

Type of Change

Request Description

Adds custom club composables.

useDrawSVGPlugin

// nuxt.config.ts

{
  gsap: {
    composables: true,
    clubPlugins: {
      drawSvg: true
    }
  }
}

Usage

useDrawSVGPlugin
// Explicit import (optional)
import { useDrawSVGPlugin } from '#gsap'

useScrollSmoother

// nuxt.config.ts

{
  gsap: {
    composables: true,
    clubPlugins: {
      scrollSmoother: true
    }
  }
}

Usage

useScrollSmoother
// Explicit import (optional)
import { useScrollSmoother } from '#gsap'

useGSDevTools

// nuxt.config.ts

{
  gsap: {
    composables: true,
    clubPlugins: {
      gsDevTools: true
    }
  }
}

Usage

useGSDevTools
// Explicit import (optional)
import { useGSDevTools } from '#gsap'

useInertiaPlugin

// nuxt.config.ts

{
  gsap: {
    composables: true,
    clubPlugins: {
      inertia: true
    }
  }
}

Usage

useInertiaPlugin
// Explicit import (optional)
import { useInertiaPlugin } from '#gsap'

useMorphSVGPlugin

// nuxt.config.ts

{
  gsap: {
    composables: true,
    clubPlugins: {
      morphSvg: true
    }
  }
}

Usage

useMorphSVGPlugin
// Explicit import (optional)
import { useMorphSVGPlugin } from '#gsap'

useMotionPathHelper

// nuxt.config.ts

{
  gsap: {
    composables: true,
    clubPlugins: {
      motionPathHelper: true
    }
  }
}

Usage

useMotionPathHelper
// Explicit import (optional)
import { useMotionPathHelper } from '#gsap'

usePhysics2DPlugin

// nuxt.config.ts

{
  gsap: {
    composables: true,
    clubPlugins: {
      physics2d: true
    }
  }
}

Usage

usePhysics2DPlugin
// Explicit import (optional)
import { usePhysics2DPlugin } from '#gsap'

usePhysicsPropsPlugin

// nuxt.config.ts

{
  gsap: {
    composables: true,
    clubPlugins: {
      physicsProps: true
    }
  }
}

Usage

usePhysicsPropsPlugin
// Explicit import (optional)
import { usePhysicsPropsPlugin } from '#gsap'

useScrambleText

// nuxt.config.ts

{
  gsap: {
    composables: true,
    clubPlugins: {
      scrambleText: true
    }
  }
}

Usage

useScrambleText
// Explicit import (optional)
import { useScrambleText } from '#gsap'

useSplitText

// nuxt.config.ts

{
  gsap: {
    composables: true,
    clubPlugins: {
      splitText: true
    }
  }
}

Usage

useSplitText
// Explicit import (optional)
import { useSplitText } from '#gsap'

useCustomBounce

// nuxt.config.ts

{
  gsap: {
    composables: true,
    clubPlugins: {
      customBounce: true
    }
  }
}

Usage

useCustomBounce
// Explicit import (optional)
import { useCustomBounce } from '#gsap'

useCustomWiggle

// nuxt.config.ts

{
  gsap: {
    composables: true,
    clubPlugins: {
      customWiggle: true
    }
  }
}

Usage

useCustomWiggle
// Explicit import (optional)
import { useCustomWiggle } from '#gsap'