Weekly Vue.js News - #41 - Define component name with <script setup>
Hi 👋
This week's Vue tip is about defining the component name with the <script setup> syntax.
The Vue tips in this newsletter will from now on include more details inside the newsletter, to provide more value for you.
Additionally, I started writing an eBook called "27 helpful tips for Vue developers". Stay tuned, it will be released soon.
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.
Have a great week ☀️
Vue Tip: Define component name with
If you are using the new <script setup> syntax, you may run into a case where you need some Options API functionality.
In this case, it's possible to add an additional <script> block to your component. Vue will mix the two together for you, so the Composition API code and Options API code can remain separate.
A typical use case is to the define the name of the component:

Vue News
Vue 3 Reactivity System Is Brilliant! Here’s How It Works — nasserspace.hashnode.dev
Ahmed shows you how to build basic blocks of a simple reactivity system that uses Vue 3 composition API techniques.
How to add a Typewriter animation in Vue — dev.to
Gayathri created a tutorial that shows how to make a typing animation in Vue.
JavaScript Tip
Web Development News
Shekar provides 3 reasons in his article:
👉🏻 Developers don’t re-read their code often enough.
👉🏻 Lack of business domain understanding.
👉🏻 Undervalue good naming.
📹 What key was pressed? (You won't believe how keyboard events work) — www.youtube.com
A half-hour video diving into the intricacies of keyboard events and the best ways to go about handling user input.
📹 TypeScript tips and Tricks with Matt — www.youtube.com
55-minutes with the TypeScript-hero Matt Pocock and Burke Holland.
Quote of the week
