Unable to use defineBasicLoader

[axwalker]

Hi @posva, I've so far been unsuccessful in trying to get a basic loader working. See the /withloader route in stackblitz here: https://stackblitz.com/edit/github-1yugs4?file=src%2Fpages%2Fwithloader.vue

I've roughly followed the example here but I'm getting the following error:

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'get')
    at useDataLoader (unplugin-vue-router_data-loaders_basic.js?v=08e137fa:143:25)
    at setup (withloader.vue:17:18)
    at callWithErrorHandling (chunk-VRJDMPTW.js?v=08e137fa:1678:19)
    at setupStatefulComponent (chunk-VRJDMPTW.js?v=08e137fa:9095:25)
    at setupComponent (chunk-VRJDMPTW.js?v=08e137fa:9056:36)
    at mountComponent (chunk-VRJDMPTW.js?v=08e137fa:6499:7)
    at processComponent (chunk-VRJDMPTW.js?v=08e137fa:6465:9)
    at patch (chunk-VRJDMPTW.js?v=08e137fa:5935:11)
    at ReactiveEffect.componentUpdateFn [as fn] (chunk-VRJDMPTW.js?v=08e137fa:6689:9)
    at ReactiveEffect.run (chunk-VRJDMPTW.js?v=08e137fa:438:19)

It's like the loader isn't getting properly registered or it's just not getting looked up/found properly.

Any idea what might be the issue?

Thanks!

[axwalker]

Aaand 2 minutes later I finally find the solution to my own problem 🤦🏻. For anyone else here, I didn't register the DataLoader plugin, ie:

// main.ts
import { DataLoaderPlugin } from 'unplugin-vue-router/data-loaders';

app.use(DataLoaderPlugin, { router });

I'd skipped over this setup part of the RFC.

[posva]

Yeah, it’s easy to miss. The rfc is too technical, it doesn’t work as docs 😁
I still need to convert them