README.md

Simple Vue 3 text glitching component

<Glitch id="glitchy">simple text glitching vue component</Glitch>
<Glitch id="intense" :intensity=0.9>built with vue & vite</Glitch>
<Glitch id="colourful" bg="#1d2021" fg="#ebdbb2" colour="#928374">
    simple to use, customisable
</Glitch>
<Glitch id="deferred" :start=false text="glitching overlay text">
    and completely open source <3
</Glitch>

// required attributes for component to function
const required_attrs = [ 'id' ]

// default values for optional props
const default_props = {
    fg: 'var(--glitch-global-fg, #fff)',
    bg: 'var(--glitch-global-bg, #000)',
    start: true,
    text: {{ slot.$innerText }},
    intensity: 0.7,
    steps: 20
}

# install latest version to project directory
npm install vue-glitched@latest