<script lang="ts" setup>
definePageMeta({
layout: 'auth',
layoutTransition: {
name: 'slide-right',
mode: 'out-in'
},
pageTransition: {
name: 'slide-right',
mode: 'out-in'
}
})
</script>
<template>
<div>
<Login/>
</div>
</template>
<style scoped>
.slide-right-enter-active {
transition: all 0.6s;
}
.slide-right-enter-from,
.slide-right-leave-to {
transform: translateX(-150%);
opacity: 0;
}
.slide-right-leave-active {
transition: all 0.6s;
}
</style>
<script lang="ts" setup>
definePageMeta({
layout: 'auth',
layoutTransition: {
name: 'slide-right',
mode: 'out-in'
},
pageTransition: {
name: 'slide-right',
mode: 'out-in'
}
})
</script>
<template>
<div>
<Login/>
</div>
</template>
<style scoped>
.slide-right-enter-active {
transition: all 0.6s;
}
.slide-right-enter-from,
.slide-right-leave-to {
transform: translateX(-150%);
opacity: 0;
}
.slide-right-leave-active {
transition: all 0.6s;
}
</style>