:animationData="require('@/assets/animation.json')" doesn't work with Vite

[rhclayto]

The Vue 3 example has :animationData="require('@/assets/animation.json')" in the template. However, require fails when using Vite. Is there an alternative way of telling lottie-web-view what animation data file to use?

[rhclayto]

I found out how to make it work with Vite:

<script setup>
  import animationURL from '@/assets/animations/spinningLogo.json';
</script>
<template>
  <lottie-animation
    ref="anim"
    :animationData="animationURL"
  />
</template>

Please consider adding this to the Readme.

[garbit]

Hi @rhclayto, thank you for highlighting this issue. I've updated the README in response to your feedback.

Please see: 65fad46

[rhclayto]

Great! Perfect!