How would you store a ref of an external packages in a state (useState)

I have this:

import { useChat } from '@ai-sdk/vue';
const { messages, handleSubmit } = useChat()

import { useChat } from '@ai-sdk/vue';
const { messages, handleSubmit } = useChat()

handleSubmit

handleSubmit

is a method and

messages

messages

is a

ref()

ref()

.

How can I wrap this in

useState

useState

to be able to call

handleSubmit

handleSubmit

and access messages from any component and keep the state alive on route change?

Nuxt•2y ago•

6 replies