Published in Level Up Coding·PinnedMember-onlyHow to Build a Multi-Language Vue 3 + Vite AppIntro Vue is one of the most widely used frameworks to build single-page applications and is currently available in version 3. When you intend your app to be used by users of different countries, a common task is to provide the content of your app in different languages. In Vue, this…Vuejs7 min readVuejs7 min read
Published in Level Up Coding·PinnedMember-onlyHow to Load i18n Locales Asynchronously in Vue 3 + ViteIntro In my previous story How to Build a Multi-Language Vue 3 + Vite App we built a multi-language app with the Vue I18n plugin, where we stored all locale messages in external json files. The files were then pre-compiled and bundled during the build process. This way, all locales are…Vuejs6 min readVuejs6 min read
Published in Level Up Coding·Dec 16, 2022Member-onlyVeeValidate 4: How to Disable the Submit ButtonIntro VeeValidate is one of the most popular Vue.js form libraries which helps you to validate form inputs — currently available in version 4. The library makes it easy to validate form input fields when submitting the form. However, sometimes you want to signal the user that the form is not…Vuejs5 min readVuejs5 min read
Published in Level Up Coding·Jul 11, 2022Member-onlyHow to Add Web Monetization to Jekyll in Two Easy WaysIntro Techniques like subscriptions, advertisements, or affiliate links have been used for decades to monetize a website or a blog. However, they all share a common drawback: They are interrupting the look and the user experience of a website. A rather new approach for monetizing a website is by utilizing the…Web Monetization7 min readWeb Monetization7 min read
Published in CodeX·Jun 29, 2022How to Add Bootstrap 5 Sass to JekyllIntro The static site generator Jekyll allows you to add Bootstrap 5 in different ways. The easiest way is to use the precompiled CSS and JavaScript bundles, as described in my previous article. Alternatively you can use Bootstrap’s Sass and JavaScript source files and compile them by your own. Bootstrap’s Sass…Bootstrap8 min readBootstrap8 min read
Published in CodeX·Jun 17, 2022How to Add Bootstrap 5 to Jekyll in Two Easy WaysIntro Jekyll is a great framework to build static websites. By default it allows you to split your source code into smaller units and compiles them to clean HTML, CSS and JavaScript files. It also allows you to embed CSS and JavaScript frameworks in different ways. One of the most widely…Bootstrap 57 min readBootstrap 57 min read
