Grapesjs bundled with vue-grapesjs-composables

[rodenp]

Awesome work before I go any further. Grapesjs plus vue is a very valuable combination. I would love to be able to combine vue components with existing grapesjs components. Is this possible?

Edited: moved other question to #6

thanks again for your great work.

[dutchigor]

Thanks for the vote of confidence.

This depends on what you mean with combining components. Note that this project does not render Vue components on the canvas. It simply allows you to use Vue to manage the GrapesJS components. As such, any components that are added to GrapesJS can be managed with this package. Additionally, any components that are added using this package's config file should be configured in the same way as GrapesJS components.

However, in order to manage the traits and style properties of a component, you will need to create a Vue component for each type of trait or style property. See the readme for details.

[rodenp]

Hi Igor,

You are welcome.

I thought your project actually allowed the usage of vue components with grapejs. So the combing of elements meant the mixed usage of vue and grapejs html components.

@rodenp: edited by dutchigor. moved response to other issue to #6

cheers Peter

[dutchigor]

Hi Peter,

I think the fact that GrapesJS and Vue both use the term components makes it confusing to talk about. In vue-grapesjs-composables, the canvas only contains GrapesJS components, not Vue components. Then instead of using the GrapesJS panels to manage the GrapesJS components, you can use vue-grapesjs-composables to manage them using Vue components.

So in summary, vue-grapesjs-composables does not replace GrapesJS components with Vue components. Instead it replaces GrapesJS panels with Vue components.

I hope this clarifies the use case a bit better.