vue-grapesjs-component
v1.0.1
Published
[](https://www.npmjs.org/package/vue-grapesjs-component) [](https://npmjs.o
Downloads
5
Readme
vue-grapesjs-component
Use grapesjs like vue component.
Install
npm install --save vue-grapesjs-component
or
yarn add vue-grapesjs-componentUsage
Plugin install:
import Vue from 'vue'
import VueGrapesjsComponent from 'vue-grapesjs-component';
Vue.use(VueGrapesjsComponent)and then:
<vue-grapesjs-component>
<h1>Hello</h1>
</vue-grapesjs-component>In your layout html add grapesjs library:
<html>
<head>
<script src="https://unpkg.com/grapesjs"></script>
<link rel="stylesheet" href="https://unpkg.com/grapesjs/dist/css/grapes.min.css">
</head>
</html>Props
| name | type | default | description | | ------ | ------ | --------| ------------------------------------------------------------------- | | config | Object | - | Go to grapesjs documentation in initialize section for more details |
Events
| name | description | $event |
| ------ | --------------------------------------------------- | -------------------------------------- |
| load | Fires when editor is initialized | editor |
| update | Fires when the structure of the template is updated | { components: Array, styles: Array } |
Slots
| name | description | | ------- | ---------------- | | default | Template content |
License
MIT