UseAsyncValidator doesn't work for SSR

[theruziev]

Describe the bug

useAsyncValidator doesn't work when SSR is enabled.

I found a discussion and several issues about it:
#2402
yiminghe/async-validator#312

Reproduction

https://stackblitz.com/edit/github-61yzgr?file=app.vue

System Info

System:
    OS: macOS 13.0.1
    CPU: (8) arm64 Apple M1 Pro
    Memory: 39.98 MB / 16.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 16.17.0 - /usr/local/bin/node
    Yarn: 3.2.3 - /usr/local/bin/yarn
    npm: 8.18.0 - /usr/local/bin/npm
  Browsers:
    Chrome: 108.0.5359.94
    Firefox: 107.0
    Safari: 16.1
  npmPackages:
    @vueuse/core: ^9.6.0 => 9.6.0 
    @vueuse/integrations: ^9.6.0 => 9.6.0 
    @vueuse/nuxt: ^9.6.0 => 9.6.0

Used Package Manager

npm

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a VueUse issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• The provided reproduction is a minimal reproducible example of the bug.

[kevohagan]

have the same problem with Astro too!

[theruziev]

@kevohagan

I copy the source code of useAsyncValidation and store it in the project. I think you can use this workaround for now

[cliqer]

@theruziev can you please share where exactly you put the useAsyncValidate folder within Nuxt 3; composables?
I still try to understand the structure there.

[theruziev]

@theruziev can you please share where exactly you put the useAsyncValidate folder within Nuxt 3; composables? I still try to understand the structure there.

@cliqer Yeah, in composable folder
here example:
https://stackblitz.com/edit/github-61yzgr-wtmb2h?file=composable/validator/index.ts

I override Schema with this construction for working properly when generate/build project