vuex-map-fields is a package which enables the usage of two-way data binding when using Vue.js in combination with Vuex.
The vuex-map-fields module is also available as a npm package.
vue-lazy-hydration is a renderless Vue.js component to improve Estimated Input Latency and Time to Interactive of server-side rendered Vue.js applications. This can be achieved by using lazy hydration to delay the hydration of pre-rendered HTML.
node-sass-magic-importer is a custom node-sass importer for selector specific imports, node importing, module importing, globbing support and importing files only once.
The node-sass-magic-importer module is available as a npm package.
avalanche is a modular, package based CSS framework.
The avalanche framework establishes the foundation for a package based CSS workflow. avalanche provides building blocks for you to handpick and integrate into your workflow.
Tailwind is a CSS framework that I never used extensively, but I always found it interesting enough to keep it on my radar and occasionally play around with it. Today we explore how we can use Tailwind CSS with Vue.js. In this article, we identify potential pitfalls when using utility-first CSS frameworks and how to avoid them. Most importantly, we find out how to use Vue.js functional components to create abstractions for repeating patterns like cards and headlines...
Tailwind CSS is one of the rising stars in the CSS framework world. It's especially popular in the Laravel and Vue.js community. So in my next two articles, we take a closer look at this utility-first CSS framework. In this article, we learn how to set up Tailwind CSS to work with a Vue CLI powered application...
In my last article about building accessible popup overlays with Vue.js we used a simple technique to prevent scrolling in the background. I think that this little trick for preventing scrolling on the `<body>` element on all devices, including iOS 12 and below (finally, this was fixed in iOS 13 🎉) is worth taking a closer look...