Releases: Applelo/blottie
Releases · Applelo/blottie
v2.0.0
Breaking changes
All Lottie options are now move into lottie attribute to use typings from lottie (and not a version provided by Blottie).
For example, if you have this
<template>
<Blottie
class="animation"
path="https://assets6.lottiefiles.com/packages/lf20_bXGMKilbSf.json"
:loop="true"
container-tag="main"
@ready="onReady"
>
<template #loading>
Loading...
</template>
</Blottie>
</template>This will be change to this
<template>
<Blottie
class="animation"
:lottie="{
loop: true,
path: 'https://assets6.lottiefiles.com/packages/lf20_bXGMKilbSf.json',
}"
container-tag="main"
@ready="onReady"
@loop-complete="onLoop"
>
<template #loading>
Loading...
</template>
</Blottie>
</template>What's new
- Add
useBlottie()composable
<script lang="ts" setup>
const el = ref<HTMLElement>()
const { lottie, anim } = useBlottie(
container,
{
loop: true,
path: 'https://assets6.lottiefiles.com/packages/lf20_bXGMKilbSf.json',
}
)
</script>
<template>
<div ref="el"></div>
</template>- Rewrite Vue component by using
useBlottiecomposable - Update readme
- Update dependencies
- Improve typings
- Update licence to MIT
Full Changelog: v1.1.4...v2.0.0
v1.1.4
What's Changed
- Update dependencies
- Update CI to Node 20
- Use pnpm workspace for demo folder
- Update antfu/eslint-config
Full Changelog: v1.1.3...v1.1.4
v1.1.3
v1.1.2
v1.1.1
- Update pnpm to 8
- Remove prettier and use https://github.com/antfu/eslint-config instead
- Update dependencies
v1.1.0
- Add prop before-init allowing to use setLocationHref to fix Safari issue
- Fix dependencies
