Add 'matestack-ui-vuejs' to your package.json by adding:
1
{
2
"name": "my-app",
3
"dependencies": {
4
"matestack-ui-vuejs": "^3.1.0", // <-- new package name
5
"..."
6
}
7
}
Copied!
This adds the npm package that provides the JavaScript corresponding to the matestack-ui-vuejs Ruby gem. Make sure that the npm package version matches the gem version. To find out what gem version you are using, you may use bundle info matestack-ui-vuejs.
Note:
vue3 dropped IE 11 support
when using babel alongside webpacker, please adjust your package.json or .browserslistrc config in order to exclude IE 11 support:
1
{
2
"name":"my-app",
3
"...":{},
4
"browserslist":[
5
"defaults",
6
"not IE 11"// <-- important!
7
]
8
}
Copied!
Otherwise you may encounter issues around regeneratorRuntime (especially when using Vuex)
Next, import and setup 'matestack-ui-vuejs' in your app/javascript/packs/application.js