Contents

/* eslint no-console: 0 */
// Run this example by adding <%= javascript_pack_tag 'hello_vue' %> (and
// <%= stylesheet_pack_tag 'hello_vue' %> if you have styles in your component)
// to the head of your layout file,
// like app/views/layouts/application.html.erb.
// Create a div container with the id 'vue-app' <div id='vue-app'></div>
// It renders <p>Hello Vue</p> into it.

import { createApp } from "vue";
import App from "../app.vue";

document.addEventListener("DOMContentLoaded", () => {
  const app = createApp(App);
  app.mount("#vue-app");
});

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
webpacker-6.0.0.pre.2	lib/install/examples/vue3/hello_vue.js
webpacker-6.0.0.pre.1	lib/install/examples/vue3/hello_vue.js