15 lines
472 B
TypeScript
15 lines
472 B
TypeScript
|
import { computed } from 'vue';
|
||
|
|
|
||
|
|
import type { Transition } from '@/interfaces';
|
||
|
|
|
||
|
|
export const useTransitions = (transitions: Transition | boolean) => {
|
||
|
|
const transitionName = computed(() => (isOpen: boolean): string => {
|
||
|
|
if (transitions && typeof transitions !== 'boolean') {
|
||
|
|
return isOpen ? transitions.open : transitions.close;
|
||
|
|
}
|
||
|
|
return '';
|
||
|
|
});
|
||
|
|
|
||
|
|
return { transitionName, showTransition: !!transitions };
|
||
|
|
};
|