vadim/microchat-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Vadim
2026-03-16 00:03:27 +03:00
parent b84a76ac08
commit ad76c710dd
2 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/Chats/ChatsList.vue
View File

@@ -28,11 +28,20 @@ function getMessages([selected]: string[]) {
<template v-slot:activator="{ props }"> <template v-slot:activator="{ props }">
<VBtn size="small" icon="mdi-menu" class="mr-2" color="white" v-bind="props" /> <VBtn size="small" icon="mdi-menu" class="mr-2" color="white" v-bind="props" />
</template> </template>
<VList class="top-1" density="compact" slim v-model:selected="menuStore.selected"> <VList
<VListItem value="users" title="Contacts" prepend-gap="8" prepend-icon="mdi-account" /> class="top-1"
<VListItem value="settings" title="Settings" prepend-gap="8" prepend-icon="mdi-cog" /> width="200"
density="compact"
slim
v-model:selected="menuStore.selected"
>
<VListItem class="pa-0">
<div class="bg-amber-600 flex justify-center">HELLO WORLD</div>
</VListItem>
<VListItem value="users" title="Contacts" prepend-icon="mdi-account" />
<VListItem value="settings" title="Settings" prepend-icon="mdi-cog" />
<VDivider class="my-1" /> <VDivider class="my-1" />
<VListItem value="logout" title="Log Out" /> <VListItem value="logout" title="Log Out" prepend-icon="mdi-logout" />
</VList> </VList>
</VMenu> </VMenu>

2
src/components/Messages/MessagesList.vue
View File

@@ -6,7 +6,7 @@ const { messages } = defineProps<{ messages: Message[] }>()
</script> </script>
<template> <template>
<MessageData>Hello world</MessageData> <MessageData v-for="message in messages" :key="message.id" />
</template> </template>
<style scoped></style> <style scoped></style>