Vite typescript support

[garbit]

• Added typings for Vite
• Updated docs for script setup

[Pezmc]

Heads up that this caused a regression for us over at FlowForge as we were importing this library using:

import LottieAnimation from 'lottie-web-vue'

Fix was to change to:

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

Our package.lock was set to use ^, so it happily pulled in the latest patch version.

[garbit]

Thanks @Pezmc for raising this. I've tried to export both default and named export using the following:

// src/index.ts
import LottieAnimation from "./components/lottie-web-vue.vue";
export default LottieAnimation;
export { LottieAnimation }

However I've not been able to support both export types. Do you have any recommendations on how to approach this?

[Pezmc]

@garbit I've experimented at this end and I believe I have been able to get it to work with both, but it does some with a compiler warning for the CJS version. See: Pezmc@6a9d48b, which also updates App.vue to render two instances of LotteAnimation to show it working in practice.

Compiler warning for CJS version is the below, but I believe that's ok?

Entry module "src/index.ts" is using named and default exports together. Consumers of your bundle will have to use `LottieAnimation.default` to access the default export, which may not be what you want. Use `output.exports: "named"` to disable this warning.