Contents

/* eslint no-console: 0 */
// Run this example by adding <%= javascript_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 App from './app.vue'

document.addEventListener('DOMContentLoaded', () => {
  document.body.appendChild(document.createElement('hello'))
  const app = new Vue({
    el: 'hello',
    template: '<App/>',
    components: { App }
  })

  console.log(app)
})

Version data entries

3 entries across 3 versions & 2 rubygems

Version	Path
railman-1.0.4	templates/rails_app/app/javascript/packs/hello_vue.js
webpacker-1.2	lib/install/examples/vue/hello_vue.js
webpacker-1.1	lib/install/examples/vue/hello_vue.js