Add 'matestack-ui-core' to your
package.json by running:
$ yarn add https://github.com/matestack/matestack-ui-core#v1.3.2$ yarn install
bundle info matestack-ui-core.
Next, import 'matestack-ui-core' in your
import MatestackUiCore from 'matestack-ui-core'
$ bin/webpack --watch
When you update the matestack-ui-core gem, make sure to update the npm package as well.
Require 'matestack-ui-core' in your
//= require matestack-ui-core
We recommend to (remove/deactivate)(https://stackoverflow.com/a/38649595) turbolinks, as there is no reason to use it alongside matestack-ui-core and there might appear some strange side effects. If you encounter strange page-transition/form-submit/action-submit behavior and have turbolinks activated, try to deactivate it first.
You need to add the ID "matestack-ui" to some part of your application layout (or any layout you use). That's required for Matestack's Vue.js to work properly!
For Example, your
app/views/layouts/application.html.erb should look like this:
Don't apply the "matestack-ui" id to the body tag.
Some of Matestack's reactive core components may be used with ActionCable. If you want to use ActionCable, please read our action cable guide.