vuejs

How to add Column Filtering to Vuetify Data Table

For a long time, my v-data-table-server implementation in the YaK only supported global search through a simple text input. While it was good enough for basic queries, I needed something more powerful—the ability to filter by individual columns(…)

Exploring FlyonUI with Vue.js: A Fresh and Evolving Library

As someone who has relied on Vuetify for most of my Vue.js projects, I’m always on the lookout for new libraries that can streamline development and keep designs modern. Recently, a new UI library called FlyonUI was released, and(…)

Vue – Creating an Awesome Parallax Effect with Swiper

Adding a parallax effect to your website brings a smooth, professional feel, making it more interactive and visually appealing. With Swiper for Vue, you can easily implement parallax effects for a slideshow. In this guide, we’ll create a parallax(…)

Creating a Global and Custom Snackbar in Vue 3 Using Vuetify and Pinia

In this post, we’ll walk through how to implement a Global and Custom Snackbar in Vue 3 with Vuetify and Pinia for state management. We’ll set it up so that you can easily trigger the Snackbar from any component(…)

How to Use Dynamic Slots in Vue.js with Vuetify Data Table

Introduction In this tutorial, we will explore how to use dynamic slots in Vue.js with Vuetify data table. Firstly, we will start with a CompDataTable.vue component and demonstrate how to define and use custom slots to dynamically customize the(…)

Setting up Your First Pinia Store in Vue with TypeScript – A Comprehensive Guide

Welcome to this blog, we’re going to setup our first Pinia store in a Vue application with typescript support. First, what is Pinia ? From Pinia official website, “Pinia is a store library for Vue, it allows you(…)