Efficient Testing for Vue Components and Beyond — Testing applications has become an integral element of any Software Development Life Cycle (SDLC). It not only streamlines the development process but also instills confidence in our code. This practice comes with numerous benefits, enabling us to catch bugs earlier in the development phase and prevent them from escalating to…

What You Need To Know About Vue Reaching End of Life Support by December 31st — Vue.js is one of the most beloved frontend JavaScript frameworks. While Vue has been built, especially with the Options API, which has been the de facto standard for building applications since Vue 2, the Vue.js team introduced another approach — the Composition API. This provided an elegant and more streamlined…

Learn how to use Vue.js mouse button modifiers for precise click detection — Many times, we find the need to identify the mouse button clicked by the user — be it the left, middle, or right button. Vue.js offers button event modifiers that allow us to easily detect these mouse events. …

What Are Computed Properties and When to Use Them — Vue.js offers a range of utility functions to be used in different scenarios, and one such utility is the Computed property. The Computed property function proves valuable in situations where we need to track reactive data and consistently get the latest reactive form from it. In this article, we will…

Learn what the onMounted lifecycle hook does — Vue.js provides various API functions that enable us to execute specific tasks at different stages of the rendering phase. These stages include actions taken before the app is mounted to the DOM, prior to reactive changes being applied, and during the destruction or updates of a component instance. In this…

Solving Advent of Code Day One — Hey again! It’s that time of the year when Advent of Code is upon us. If you aren’t aware of Advent of Code, it’s a series of challenges that run from the 1st of December to the 25th. It’s a delightful way to tackle programming challenges in an advent-themed manner. …

Learn how to configure environment variables in Nuxt.js — Environment variables enable us to set and utilize data that may change based on various environments, such as JWT keys, URLs, paths, etc. In most cases, we don’t want to hardcode such information directly into our application because it could lead to the leaking of vital information that should remain…

Learn How to Efficiently Serve Public Images in Nuxt.js — In many modern applications, there’s often a recurring need to serve images and assets accessible through URLs within our application. Nuxt.js provides various methods for serving files in our application. By default, Nuxt.js serves images from both the assets and public directories. This article explores how we can effectively serve…

Capturing and Validating User-Provided Data through Forms in Vue.js — Forms serve as a powerful and convenient means of obtaining information from users and processing it for various purposes. Vue.js Pun Vue.js developers have a clear vision — 2-way data binding While native HTML and JavaScript form handling can be cumbersome, Vue comes to the rescue with its robust features. With Vue.js…