If you’re developing Vue apps in Visual Studio Code, you might have noticed that the official Vue extension doesn’t offer full autocompletion. Specifically, when working within HTML tags, Vue-specific autocompletion doesn’t kick in unless you type out a Vue-specific attribute name, like @keydown or v-if. Even when you’ve typed out the entire event name, you … Read more
Its pretty fun to create little projects in Vue. Ever since I have started learning it, I’ve been hooked and have tried to built numerous things, such as the Seive or Eratosthenes animation, a wordle game, and a few tiny programs here and there. In the same sequence, this time I have tried to emulate … Read more
In this article, you will learn how to create an animation to simulate the Sieve of Eratosthenes algorithm in Vue.js. This animation is inspired by the GIF on this article’s Wikipedia page. I love coding. I don’t do it professionally as I made some short-sighted choices in my career but the love for coding refuses … Read more
Applying certain styles temporarily is a good way to give your user a visual feedback. In this article, I will explain how you can apply the flash style on an element to let the user know that a certain key was pressed or a certain element was detected. The other day, I was building a … Read more
If you want to learn when and how to handle drag-and-drop events using Vue, read on. By the end of this tutorial, you will be able to implement a list that you can reorder just by dragging and dropping. Drag and drop functionality provides a seamless and intuitive way for users to interact with elements … Read more
Do you want to learn how to create an FAQ accordion with VueJS? Frequently Asked Questions (FAQ) accordion is a common feature on many websites. Frameworks like Bootstrap implement FAQ accordion but most of them use jQuery. FAQ accordion is a simple enough task that can be implemented well with vanilla JavaScript but creating it … Read more