Skip to content

Commit 00574e6

Browse files
committed
update hook
1 parent 2708073 commit 00574e6

File tree

1 file changed

+10
-10
lines changed

1 file changed

+10
-10
lines changed

responses.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -438,37 +438,37 @@ npm install @laravel/stream-react
438438
npm install @laravel/stream-vue
439439
```
440440

441-
Then, `useStream` may be used to consume the event stream. After providing your stream URL, the hook will automatically update the `message` with the concatenated response as messages are returned from your Laravel application:
441+
Then, `useEventStream` may be used to consume the event stream. After providing your stream URL, the hook will automatically update the `message` with the concatenated response as messages are returned from your Laravel application:
442442

443443
```jsx tab=React
444-
import { useStream } from "@laravel/stream-react";
444+
import { useEventStream } from "@laravel/stream-react";
445445

446446
function App() {
447-
const { message } = useStream("/chat");
447+
const { message } = useEventStream("/chat");
448448

449449
return <div>{message}</div>;
450450
}
451451
```
452452

453453
```vue tab=Vue
454454
<script setup lang="ts">
455-
import { useStream } from "@laravel/stream-vue";
455+
import { useEventStream } from "@laravel/stream-vue";
456456
457-
const { message } = useStream("/chat");
457+
const { message } = useEventStream("/chat");
458458
</script>
459459
460460
<template>
461461
<div>{{ message }}</div>
462462
</template>
463463
```
464464

465-
The second argument given to `useStream` is an options object that you may use to customize the stream consumption behavior. The default values for this object are shown below:
465+
The second argument given to `useEventStream` is an options object that you may use to customize the stream consumption behavior. The default values for this object are shown below:
466466

467467
```jsx tab=React
468-
import { useStream } from "@laravel/stream-react";
468+
import { useEventStream } from "@laravel/stream-react";
469469

470470
function App() {
471-
const { message } = useStream("/stream", {
471+
const { message } = useEventStream("/stream", {
472472
event: "update",
473473
onMessage: (message) => {
474474
//
@@ -489,9 +489,9 @@ function App() {
489489

490490
```vue tab=Vue
491491
<script setup lang="ts">
492-
import { useStream } from "@laravel/stream-vue";
492+
import { useEventStream } from "@laravel/stream-vue";
493493
494-
const { message } = useStream("/chat", {
494+
const { message } = useEventStream("/chat", {
495495
event: "update",
496496
onMessage: (message) => {
497497
// ...

0 commit comments

Comments
 (0)