Vue in compiler mode #231

difernandez · 2019-10-04T19:33:24Z

Se hace que por defecto la aplicación obtenga Vue de la distribución que incluye el compilador. Esto permite usar vue como usualmente lo hacemos en platanus: componentes dentro de vistas/rutas rails, para agregar interactividad sin transformar toda la app en una SPA
Se adapta el código del application.js a partir de lo que se genera con webpacker en hello_vue.vue
Se incluye en el layout como primer hijo del body un div con id vue-app que funciona como el elemento donde se montará vue, permitiendo el uso de componentes en cualquier vista
Se agrega el componente app que se genera como ejemplo también al layout, para que cuando se genere la primera ruta se vea este elemento rendereado
El html del body del layout al final queda así:

<body>
  <div id="vue-app">
    <app></app>
    <%= yield %>
  </div>
</body>

Closes #230

… point

difernandez added 4 commits October 4, 2019 16:22

feat(front-end): replace application.js with vue compiler code

e83972d

feat(front-end): add vue mount point and example app component in layout

2410faa

test(front-end): test that vue project has compiler version and mount…

f52e514

… point

refactor(front-end): extract vue setup to method

91b9a6a

difernandez requested a review from gmq October 4, 2019 19:33

gmq approved these changes Oct 4, 2019

View reviewed changes

difernandez requested a review from ldlsegovia October 4, 2019 19:44

ldlsegovia approved these changes Oct 4, 2019

View reviewed changes

difernandez merged commit 0012fb7 into master Oct 4, 2019

difernandez deleted the vue-in-compiler-mode branch October 4, 2019 19:47

Provide feedback