unable to bind dynamic data in vuetify components in server side rendering.

[Hammad-181]

"I've developed a Vue.js project using Vite and Vuetify, implementing SSR (Server-Side Rendering). In this project, I'm attempting to bind data to a Vuetify input component, specifically v-textarea, retrieved from an API call. My goal is to ensure that this data is fetched and bound before the page is rendered by SSR. How can I accomplish this?"
attaching my repo Zip here . Please suggest any ideas
SSR-VUE-VITE-VUETIFY.zip

[jeffer80]

Maybe, you can use the onServerPrefetch hook

https://vuejs.org/api/composition-api-lifecycle.html#onserverprefetch