I'm Markus Oberlehner,
a Web Developer working at Akarion.

Open Source is my passion. I'm the creator of vuex-map-fields, vue-lazy-hydration and node-sass-magic-importer.

Personal Projects

  • 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.

Latest Articles

Reusable Functional Vue.js Components with Tailwind CSS

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...

Read more

Setting up Tailwind CSS with Vue.js

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...

Read more

Simple Solution to Prevent Body Scrolling on iOS

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...

Read more