[Bug Report][3.0.0] Transitions - unable to import transition helper functions and update documentation of import to vue3

[mhio]

Environment

Vuetify Version: 3.0.0 Vue Version: 3.2.41 Vite Version: v3.2.2 Browsers: Chrome 106.0.0.0 OS: Mac OS 10.15.7

Steps to reproduce

• Use vite
• import { createCssTransition } from 'vuetify/components/transitions/createTransition'

Expected Behavior

createCssTransition is available

Actual Behavior

Failed to resolve import "vuetify/components/transitions/createTransition" from "x.vue". Does the file exist?

Reproduction Link

https://codepen.io/mio8o8/pen/GRGrZMx not really a repro but contains the setup.

Other comments

If I export the createCssTransition and createJavascriptTransition functions from components/transitions/index.ts the import works with import { createCssTransition } from 'vuetify/components/transitions

The docco needs createSimpleTransition replaced and the resolved import path. I think Vue.component should be replaced with createVuetify for the new world. I can PR this.

[PurpleTape]

@mhio any updates of this? 🥺🥺🥺

[lioneaglesolutions]

@johnleider ran into this myself today - needing to access these functions that the docs state are exported https://vuetifyjs.com/en/styles/transitions/#create-your-own

[mhio]

I couldn't use this in 3.3.x releases, when I looked the commit was reverted in https://github.com/vuetifyjs/vuetify/commit/f8882a6c3bf4dbd9cd5d4659452df2b397dc5576 but I can't find any notes in https://github.com/vuetifyjs/vuetify/pull/16839

[mhio]

Could this be reopened please?

[SkySor44]

I'm having this issue as well. I don't get any errors importing it from vuetify/lib which the migration guide says we shouldn't use with Vuetify 3:

import { createCssTransition } from 'vuetify/lib/components/transitions/createTransition';

I haven't been able to test if the functionality still works because I'm still migrating to Vuetify 3 but can report back here if I find out if it still works