feat: basic ui

components/ChatUserMessage.vue

@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+defineProps({
+  message: String,
+});
+</script>
+
+<template>
+  <div class="flex flex-col items-end gap-2">
+    <div
+      class="rounded-2xl rounded-br-none bg-primary-400 px-3 py-2 text-sm w-fit text-white font-medium dark:bg-primary-500"
+    >
+      {{ message }}
+    </div>
+  </div>
+</template>
+
+<style scoped></style>