Jan 28Recursive components in Vue 3A while ago I was working on a project where I needed to display a nested directory structure of files and folders. Often these are displayed in lists with sub-lists in the list-items, such as the below screenshot.Vue5 min read
Dec 8, 2021Creating a Vue 3 and TypeScript project using ViteIf you’ve landed on this page, you’re probably been using Vue for a while or at least thinking about using it. But you’re probably more interesting in setting up a project in Vite in order to start coding. I’ve been using Vite since the start of 2021 for several private…Vuejs3 min read
May 21, 2021Keep state easily using a composable in Vue 3Often when starting a new project, people add a lot of dependencies to their project. When I ask them why they added a certain dependency I get an answer like: “that’s how it’s done” or “that’s how I’ve learned to do it”. This often results in a lot of bloat…Vue7 min read
May 5, 2021Create an animated Vue 3 component when scrolling into viewThese days animation is used a lot in websites. Especially elements that animate when they enter the view have gained massive popularity. It isn’t that difficult to understand why as it looks awesome. The landing page of GitHub is an excellent example of how cool this can be. “So how…Vue7 min read
Apr 26, 2021Easily add custom styling to a menu in Vue 3 when it is “sticking”Vue 3 is a new and exciting framework for building websites and web applications. As it is new, you’ll run into some specific things you would like to add but are unsure on how to implement. A common example for this is adding styling to a menu once it “sticks”…Vue 35 min read
Mar 30, 2021Creating a Vue 3 and TypeScript project using the Vue CLIVue 3 is here for a while now and you might be wanting to start working with it. For a lot of people, including me, it may seem a little daunting at first. Luckily, it’s actually very easy to set up and with the newly created CLI it‘s now…Vue 35 min read
