templates/rails_app/app/javascript/packs/hello_vue.js in railman-1.0.4 vs templates/rails_app/app/javascript/packs/hello_vue.js in railman-1.0.5
- old
+ new
@@ -1,19 +1,15 @@
/* eslint no-console: 0 */
-// Run this example by adding <%= javascript_pack_tag 'hello_vue' %>
-// to the head of your layout file,
+// Run this example by adding <%= javascript_pack_tag 'hello_vue' %> and
+// <%= stylesheet_pack_tag 'hello_vue' %> to the head of your layout file,
// like app/views/layouts/application.html.erb.
// All it does is render <div>Hello Vue</div> at the bottom of the page.
-import Vue from 'vue/dist/vue.esm'
+import Vue from 'vue'
import App from './app.vue'
document.addEventListener('DOMContentLoaded', () => {
document.body.appendChild(document.createElement('hello'))
- const app = new Vue({
- el: 'hello',
- template: '<App/>',
- components: { App }
- })
+ const app = new Vue(App).$mount('hello')
console.log(app)
})