demoboard icon indicating copy to clipboard operation
demoboard copied to clipboard

Published 20 hours ago • verified publisher icon frontarm

How to use this in a Vue project?

Open ghost opened this issue 5 years ago • 3 comments

It seems React is a dependency for demoboard.

What parts would I have to edit for this to work on Vue?

ghost avatar Feb 11 '20 18:02 ghost

Unfortunately this is currently pretty tightly coupled with React. In particular, the state management is based in a bunch of React hooks. These would need to be reimplement as plain JavaScript before anything else.

I'd like to eventually rework this, but for the moment, the easiest thing would just be to embed this as a React component within the existing Vue app.

jamesknelson avatar Feb 12 '20 02:02 jamesknelson

Yeah, that works. Thanks!

Also, I'm not too familiar with styled components. For the current project I'm working on styled components are causing lots of bugs.

Are styled components fully baked into demoboard or would it be possible to replace them with a more traditional stylesheet?

Sorry about all the questions. Really cool program btw!

ghost avatar Feb 12 '20 08:02 ghost

The styles are all separate, as part of the demoboard-ui package. You should just be able to swap that one out with your own package to theme it.

jamesknelson avatar Feb 12 '20 09:02 jamesknelson