Rails 7 , importmap VueJs 3

Here is the committed example app https://github.com/abigoroth/car_maintenance/tree/main

Over here is the example of how to integrate VueJs into rails app

https://github.com/abigoroth/car_maintenance/blob/470ca98c359f6a44cd492a84682083a102fda761/app/javascript/controllers/component_controller.js#L17-L35


Referrance:
https://itnext.io/ruby-on-rails-7-importmaps-and-vuejs-3-no-more-webpacker-4ef06372a49c
https://stackoverflow.com/questions/42343778/vue-is-not-a-constructor/74339889#74339889
https://www.tutorialspoint.com/vuejs/vuejs_events.htm

will have a look into this:
https://github.com/zakariaf/rails-base-app



Doing this as of today: Git clone in docker


Comments

Post a Comment

Popular posts from this blog

ELK - Elastic | Logstash | Kibana

Image
http://bit.ly/elkubuntu - Hisham ElasticSearch cluster, Logstash & Kibana (Elastic Stack) installation with x-pack on Ubuntu 18.04 Revision History Date Details Version Added x-pack installation method into the document 1.4 Added method to upload csv  to logstash Added way to create index pattern in kibana, and view them 1.3 Added performance improvement segment Added more example on configuration sample Added simple architectural diagram Added fiebeat installation and configuration 1.2 Formatting improvements Added Revision History Added Reference Added Table Of Content 1.1 30/5/2018 First revision Added installation procedure 1.0 Prepared by: Hisham Mohd Aderis ( hisham@songketmail.org ) Table of Content  Revision History 1 Table of Content 2 Simple Architectural Diagram 4 Java installation 5 Oracle Java 5 Open JDK 5 Elasticsearch 6 Installation 6 Conf...
Read more

Akibat dari tiada jadual selenggara

Image
  Kerusakan Tiba-tiba: Tanpa jadual selenggara, kenderaan mungkin tidak menjalani penyelenggaraan yang diperlukan secara berkala. Ini boleh menyebabkan kegagalan komponen yang tidak dijangka atau masalah lain yang boleh menyebabkan kenderaan rosak dan terhenti di jalan. Keselamatan Terancam: Penyelenggaraan kenderaan yang teratur adalah penting untuk keselamatan pemandu, penumpang, dan pengguna jalan lain. Tanpa penyelenggaraan yang berkala, risiko kegagalan mekanikal yang boleh membahayakan keselamatan meningkat. Prestasi Buruk: Kenderaan yang tidak dirawat dengan baik mungkin mengalami penurunan prestasi. Ini boleh menyebabkan penggunaan bahan bakar yang lebih tinggi, prestasi yang lebih rendah, dan masalah lain yang berkaitan dengan kinerja kenderaan. Kos Perbaikan Tambahan: Tanpa penyelenggaraan yang berkala, kenderaan mungkin memerlukan perbaikan yang lebih besar dan lebih mahal dalam jangka panjang. Penjagaan preventif biasanya lebih murah daripada memperbaiki kerosakan besar...
Read more

Cordova CORS-CORB over laravel api server

Weird thing happens to me when Postman seem to be working fine but cordova browser says CORS. Tried using dd() just weird why Postman is working fine when the app isn't. dd() did not write proper response header (access-control-allow-origin not showing). What i learn is that Chrome require header response with  Access-Control-Allow-Origin  but Postman did not. This findings really took me a lot of hours to realize what is going on. I came to realize when i start to inspect the response header. Earlier I thought that the app is broken, but when I put other url on the same code, it's working just fine. lesson learned Chrome really hates Cross-Origin-Resource-Sharing (also tested with other web browser)
Read more