So if you have a Laravel + Vue app that you deploy to Heroku, and you want Heroku to run the NPM and Webpack build scripts, here is what you do. Make sure you have Node.js bundle in your instance. You can do this through the CLI or manually in the settings page Add build … Read more
The Ionic framework team launched a Vue version recently and I have been testing it out. I made a prototype application and it was quite challenging to get started. The problem is that the documentation is written from the perspective of an Ionic developer instead of a Vue developer learning Ionic. Moreover, some of the … Read more
The documentation from Ionic and Capacitor doesn’t make it clear how to instantiate the Plugin import within Vue. Most of the documentation is either React or Angular. So it looks like you have to create an async method to call the plugin’s method and return the desired info.
As a Vue user you might have to frequently reach for standard javascript packages, since there isn’t always a Vue flavor, or if there is one it might be abandoned, or you don’t exactly want to mess with a middleman. What do you do in that case? @Himanshu Sharma has a good writeup in SO. … Read more
The Problem Do you see a json ajax response instead of the page you were expecting when hitting the back button? This can happen if you use the the same routes for your html and ajax like so. The problem is that the browser (depending on the browser) decides to cache data that is passed … Read more
Detect mobile usage in Vue with screen width: With browser useragent: With npm package (https://www.npmjs.com/package/vue-mobile-detection):
I was having trouble understanding the work-flow and boilerplate of using Vuex state in my components. This article by Markus Oberlehner helped me understand how to bind elements to the state and how to use vuex-map-fields to simplify the process. Here’s the manual way. Read his post to find out about vuex-map-fields https://markus.oberlehner.net/blog/form-fields-two-way-data-binding-and-vuex/
