<template>
  <MessageList :getTitle="getTitle" routeName="channel-messages" :getMessages="getChannelMessages" />
</template>

<script setup>
import MessageList from "@/components/MessageList.vue";
import { getChannel } from "@/services/channels";
import { getChannelMessages } from "@/services/messages";
import { useRoute } from "vue-router";

const route = useRoute();

const getTitle = async () => {
  const channel = await getChannel(route.params.channel);
  return channel.Title;
}
</script>
