How to import chessboard.js in Vue App about chessboardjs

[leo848]

@BaoAn21

I now switched to chessground, an alternative that works much better imo (better API, a lot more useful functionality, is responsive on mobile while #74 etc. have not been resolved for a decade (!), and much more). You can use chessground via npm or another package manager, it is very easy in combination with Vue.

If you still want to use chessboard.js for whatever reason, you can look here and copy the snippets from "Content Delivery Network" into your index.html. You can then use window.Chessboard as you would in a normal, framework-free context. But I would still recommend switching to chessground for every app that's not just for throwaway use.

[leo848]

Take a look at chessboardjs-vue.

Nevermind, this doesn't seem to be working. I just chose to use it via a CDN in the index.html file.

[BaoAn21]

leo848: Can you show me the way to use it via CDN? Thank a lot

[benjaminpjones]

See also #157

It's a shame - I was drawn to this library because it is really well documented, but not being able to import is a hard blocker. I will try one of the chessground wrappers instead.