Can't import LottieAnimation - Argument of type '{ animationData: any; autoPlay ... Property 'LottieAnimation' is missing in type

[garbit]

Bug report raised using the following code:

Using the following doesn't work in version 2.0.7:

import LottieAnimation from "lottie-web-vue"

Fix:

import { LottieAnimation } from "lottie-web-vue"

<script setup lang="ts">
import { LottieAnimation } from "lottie-web-vue"
import WatermelonJSON from "./assets/watermelon.json"
</script>

<template>
  <div>
    <LottieAnimation :animation-data="WatermelonJSON" :auto-play="true" :loop="true" :speed="1" ref="anim" />
  </div>
</template>

Typescript Error:

Argument of type '{ animationData: any; autoPlay: boolean; loop: boolean; speed: number; ref: string; }' is not assignable to parameter of type 'typeof import("/Users/andy/development/lottie-web-vue-test/node_modules/lottie-web-vue/dist/index") & Record<string, unknown>'.
  Property 'LottieAnimation' is missing in type '{ animationData: any; autoPlay: boolean; loop: boolean; speed: number; ref: string; }' but required in type 'typeof import("/Users/andy/development/lottie-web-vue-test/node_modules/lottie-web-vue/dist/index")'.ts(2345)