f / f/vue-wait

Usage in nuxtjs3 (plugin attempt)

Open
#123 1 comment 1 reaction 0 assignees View on GitHub
Dominant language
JavaScript
Stars
2k
Forks
98
PR merge metrics
No merged PRs in 30d

Description

Hello,

I am trying to use this in a early adoption of nuxt3. The `vue-wait/nuxt`-plugin does not work, so I tried to create my own plugin:

```
import { createVueWait } from 'vue-wait'

export default defineNuxtPlugin((nuxtApp) => {
const VueWait = createVueWait({ registerComponent: false,})
nuxtApp.vueApp.use(VueWait);

return {
provide: {
wait: () => VueWait
}
}
})
```

But unfortunately, this gives me an error:

> Unhandled Promise Rejection: TypeError: $wait.is is not a function. (In '$wait.is("test")', '$wait.is' is undefined)

when I try to access it like this:

```
const {$auth, $wait} = useNuxtApp();

console.log($wait.is('test'))
```

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by inspecting the vue-wait/nuxt plugin and comparing it with the shown defineNuxtPlugin entry point. Trace how the value returned by useNuxtApp() is provided, then reproduce the $wait.is('test') call in a Nuxt 3 app. Done means the Nuxt integration exposes a working $wait.is method without the reported error.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, nuxtjs
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.