<template>
	<div class="test">
		<p>Conversation Item - {{ id }}</p>
	</div>
</template>

<script setup lang="ts">
	import { computed } from 'vue'
	import { useRoute } from 'vue-router'
	const route = useRoute()
	const id = computed(() => route.params.id)
</script>

<style lang="less" scoped>
	.test {
		margin: 2rem;
		border-radius: 2rem;
		background-color: rgb(242, 130, 90);
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 10rem;
	}
</style>
