vue3 toRaw is not defined

The `toRaw` function is a part of the Vue 3 reactive system and is used to retrieve the original non-reactive object from a reactive proxy object. If you are receiving an error message stating that `toRaw` is not defined in your Vue 3 code, it may be because you are using an older version of Vue or you are not importing `toRaw` correctly.

In Vue 3, `toRaw` is exported from the `@vue/reactivity` module, so you need to import it from there before using it. Here's an example of how to import `toRaw`:

import { toRaw } from '@vue/reactivity';

// Usage example:
const reactiveObject = reactive({ prop: 'value' });
const rawObject = toRaw(reactiveObject);

Make sure that the `@vue/reactivity` package is installed and up-to-date in your project's dependencies. Also, note that `toRaw` is an internal function and should be used with caution as it breaks the reactivity system's dependency tracking.