Uncaught SyntaxError: The requested module does not provide an export named 'transition'

[surjithctly]

I'm using the direct cdn method.

import { transition } from "https://unpkg.com/vue-petite-transition@2.0.0/dist/vue-petite-transition.es.js";

But when I add it's throwing the following error:

Uncaught SyntaxError: The requested module does not provide an export named 'transition'

See minimal reproduction on codepen: https://codepen.io/surjithctly/pen/qBKMYWr

Can you provide any guidance?

[q1b]

Thanks, for reporting it.

I haven't tested It before, let me check.

[q1b]

It should work although, but not working must I am doing something wrong.

[q1b]

Okay, find the issue.

<script type="module">
  import { createApp } from 'https://unpkg.com/petite-vue?module'
  import { transitionDirective } from "https://unpkg.com/vue-petite-transition@2.0.0/dist/vue-petite-transition.es.js";
  createApp().directive("transition", transitionDirective).mount()
</script>

this is working.

[q1b]

It's a quick fix

[q1b]

I need to document it, If everything is working for you, you can close the issue.
Or ask any other question.

[surjithctly]

yes, it's working, Thank you. The documentation seems wrong.

[surjithctly]

Added a PR that closes this issue. You can merge it if it looks good :)