<script setup>
import { ref, onMounted, toRef } from 'vue'
import { ChatPrivate, UiLayer } from '../../components'

const props = defineProps({
  pub: { type: String, default: '' }
})

const open = ref(false)

onMounted(() => {
  open.value = true
})


</script>

<template lang="pug">
ui-layer(
  :open="open" 
  :close-button="false"  
  @close="$router.push(`/users/${pub}`)")
  chat-private.w-90vw.h-80vh(:pub="pub")

</template>