Nuxt•4mo ago

Trying to use Leaderline with Nuxt App

https://www.npmjs.com/package/leader-line-vue - downloaded this package using npm and tried to import it

https://www.npmjs.com/package/leader-line-vue - downloaded this package using npm and tried to import it

Component.vue

import LeaderLine from 'leader-line-vue';

import LeaderLine from 'leader-line-vue';

I am getting below error

Cannot read properties of undefined (reading 'documentElement')

Cannot read properties of undefined (reading 'documentElement')

I am trying to figure out how to fix this.

2 Replies

manniL•4mo ago

@Holy De Mello try a .client.vue component. the package needs browser APIs apparently and can't be rendered on the server

Holy De MelloOP•4mo ago

I figured it out, need to enclose component which uses the Leaderline inside <client-only> so this plugin gives the Leaderline as a variable LeaderLine.setLine - to create line LeaderLine.obj to access rest of the features its working like a charm now, thank you

Gaming

Programming

Trying to use Leaderline with Nuxt App