Weekly Vue.js News

By Michael Hoffmann (Mokkapps)

Hi 👋 My name is Michael Hoffmann and I'm a Senior Frontend Developer, Freelancer and Blogger. I focus on Vue.js, JavaScript, TypeScript and Spring Boot. Occasionally I also give career & freelancer advice. My weekly emails reflect this preference.

Hi 👋

My name is Michael Hoffmann and I'm a Senior Frontend Developer, Freelancer and Blogger.

I focus on Vue.js, JavaScript, TypeScript and Spring Boot. Occasionally I also give career & freelancer advice.

My weekly emails reflect this preference.

By subscribing, you agree with Revue’s Terms of Service and Privacy Policy and understand that Weekly Vue.js News will receive your email address.

116

subscribers

42

issues

#42・

Weekly Vue.js News - #42 - Create custom v-model modifier

v-model has some built-in modifiers like .lazy, .number and .trim. But in some cases, you might need to add your own custom modifier.In this simple demo, I want to create a custom modifier called no-underscore that removes all underscores _ from an input:

 
#41・

Weekly Vue.js News - #41 - Define component name with <script setup>

If you are using the new &lt;script setup&gt; syntax, you may run into a case where you need some Options API functionality.In this case, it's possible to add an additional &lt;script&gt; block to your component. Vue will mix the two together for you, so the …

 
#40・

Weekly Vue.js News - #40 - Transition on appear

Hi 👋This week you will learn how to apply a transition to a Vue component on it's initial render. Additionally, I got my first viral tweet on Twitter &amp; Linked that reached more than 15k people 😮If you enjoyed this issue, show your support by sharing this …

 
#39・

Weekly Vue.js News - #39 - Query inner elements in third-party components

Hi 👋Last week I wrote a new blog post about the Chrome Recorder. Additionally you will learn in this issue, how to query inner elements in 3rd party Vue components and much more.Have a great week ☀️

 
#38・

Weekly Vue.js News - #38 - Skip compilation for an element and all its children

Hi 👋Finally, Nuxt 3 Release Candidate 1 was released last week. Have a great week ☀️

 
#37・

Weekly Vue.js News - #37 - Check Vue version at runtime

Hi 👋I'm finally negative for COVID-19 😃 Besides my full-time freelance project I started to design version 3 of my portfolio website in Figma. I will develop the website with Nuxt 3.In this issue, I have curated a few interesting articles and tweets to help y…

 
#36・

Weekly Vue.js News - #36

Hi 👋Last week I got COVID but I am doing well according to the circumstances😔In this issue, I have curated a few interesting articles and tweets to help you in your journey to become a Vue expert.I hope you will enjoy this weeks’ issue and if you have any fee…

 
#35・

Weekly Vue.js News - #35

Hi 👋In this issue, I have curated a few interesting articles and tweets to help you in your journey to become a Vue expert.I hope you will enjoy this weeks’ issue and if you have any feedback, please get in touch with me on Twitter - @mokkapps or via email: m…

 
#34・

Weekly Vue.js News - #34

Hi 👋In this issue, I have curated a few interesting articles and tweets to help you in your journey to become a Vue expert.I hope you will enjoy this weeks’ issue and if you have any feedback, please get in touch with me on Twitter - @mokkapps or via email: m…

 
#33・

Weekly Vue.js News - #33

Hi 👋Last week I only worked on my freelance Vue projects but I started to collect ideas for a deep-dive article about Vue 3 Reactivity.In this issue, I have curated a few interesting articles and tweets to help you in your journey to become a Vue expert.I hop…

 
#32・

Weekly Vue.js News - #32

Hi 👋Unfortunately, we still have war in Europe 😥Last week, I did not work on any side projects or blog posts...Anyways, have a great week ☀️

 
#31・

Weekly Vue.js News -#31

Hi 👋Last week, Putin brought war to Europe 😥 Me and my fiancée prepared our emergency backpacks.... Just to be prepared for anything that can happen....Anyways, try to have a great week ☀️

 
#30・

Weekly Vue.js News - #30

Hi 👋Last week I replaced Jest by vitest in my current Vue 3 project.The migration was super smooth and happened in less than 1 hour.Why did we migrate? We couldn't run the Jest tests in Jenkins as our vue-cli version was too old and updating to the latest v5 …

 
#29・

Weekly Vue.js News - #29

Hi 👋Last week I published v2.0.0 of my Scrum Daily Standup Picker written in Vue 3, Pinia and Electron.Additionally, I am working on a new blog post about developing Electron desktop applications with Vue 3, Pinia and Electron using the Quasar framework.Have …

 
#28・

Weekly Vue.js News - #28

Hi 👋Last week I continued working on my current side project:A new version of the Scrum Daily Standup Picker Electron application based on Vue 3 + Vite + Pinia and Quasar which was initially written in Angular. I didn't expect it to be that much work but it w…

 
#27・

Weekly Vue.js News - #27

Hi 👋Last week I investigated which tool I use to rewrite my portfolio page in Vue. Currently it is written in React using Gatsby. I decided to wait until Nuxt 3 is production ready and will give it a try.Additionally, I'm currently rewriting my Daily Standup …

 
#26・

Weekly Vue.js News - #26

Hi 👋Currently I'm thinking about creating my first SaaS... 👉 an API that provides social media data to create pages like https://mokkapps.de/stats 👉 free for some providers like GitHub &amp; Twitter, additional providers with a paid plan Would that be somethi…

 
#25・

Weekly Vue.js News - #25

Hi 👋Unfortunately, I couldn't send the newsletter the last couple of weeks as my Revue account was in review. This review was necessary to gain an API token that I use on my portfolio stats page to show the number of subscribers and issues.I'm already back in…

 
#24・

Weekly Vue.js News - #24

Hi 👋Last week I wrote a new blog post and refactored my portfolio website besides the usual daily business.Have a great week ☀️

 
#23・

Weekly Vue.js News - #23

Hi 👋Last week I mainly worked on the Vue 3 project of my customer where I added unit test based on Jest to the project.Have a great week ☀️