TypeScript: getDotLottieInstance should be defined (vue3)

[emmanuelgeoffray]

Overview

The doc for the vue package mentions a getDotLottieInstance function but it is not in the component typing.

getDotLottieInstance is not defined, triggering TS issues and losing type.

I think that we should use defineExpose at this line

as explained in the Vue docs here

Consuming repo

dotlottie-vue

Labels

• Add the Type: Bug label to this issue.

[theashraf]

@afsalz any updates on this ?

[afsalz]

Hi @emmanuelgeoffray ,

We are using the defineComponent function to define our Vue component. It appears that defineExpose primarily works with .vue files.

In our current setup, we receive the expose function as a second argument in the setup function, as shown below:

import { defineComponent } from 'vue';

export default defineComponent({
  setup(props, { expose }) {
    expose({
      someMethod() {
        // ...
      }
    });
  }
});

We tried using defineExpose, but it doesn't seem to have any effect in this context.

If you have a solution, we would greatly appreciate your contribution.

@theashraf , we are working on a solution for this.

Thank you!

[emmanuelgeoffray]

hey @afsalz
thank you for your work on this bug.
I'm sorry but no, I don't know the solution :)
Maybe you will find it in other projects that provide components for both vue and react, like Tiptap or Moveable.