useStreamContext

<!-- MessageList.vue -->
<script setup lang="ts">
import { useStreamContext } from "@langchain/vue";

const { messages } = useStreamContext();
</script>

<template>
  <div v-for="(msg, i) in messages.value" :key="msg.id ?? i">
    {{ msg.content }}
  </div>
</template>

<script setup lang="ts">
import { useStreamContext } from "@langchain/vue";
import type { agent } from "./agent";

const { toolCalls } = useStreamContext<typeof agent>();
</script>