<template>
    <app-modal direction="right" height="100%" v-model:show="showModal">
        <app-login />
    </app-modal>
</template>

<script lang="ts" setup>
import { computed } from 'vue'
import AppModal from '@/components/base/modal/index.vue'
import AppLogin from '@mobile/views/user/login/index.vue'

const props = defineProps({
    show: {
        type: Boolean,
        default: false
    }
})

const emit = defineEmits(['update:show'])

const showModal = computed({
    get: () => props.show,
    set: (val) => emit('update:show', val)
})
</script>