Nuxt 3 Auto Imports - Unleash Their Full Potential
Alexander Lichter
0:00 / 0:00
Nuxt 3 Auto Imports - Unleash Their Full Potential
6 998 просмотров · 3 г. назад
Alexander Lichter
18 тыс. подписчиков
6 998 просмотров · 3 г. назад
🚀 Ready to improve your Nuxt projects even more? Then this deep dive into Nuxt 3's Auto Imports might help you further! 🌟
In this video, we'll explore the power of Nuxt 3 Auto Imports and how you can configure them to make your DX even better!
Key topics we'll cover:
🔧 Understanding the magic behind Nuxt 3 Auto Imports
🚀 Adding more auto-import folders for components
🌐 Auto-importing JavaScript and TypeScript files from custom folders
🛠️ Configuring Auto Imports for NPM Packages
🧰 How to apply the same to "the server side" (Nitro)
Links:
🔗 Code: https://github.com/manniL/nuxt-auto-i...
🔗 Unimport: https://github.com/unjs/unimport
🔗 Nuxt docs: https://nuxt.com/docs/guide/concepts/...
Whether you're a seasoned Nuxt.js developer or just getting started, this video will definitely be helpful!
Don't forget to hit that "Subscribe" button, ring the notification bell,
🌐 Connect further:
Website: https://www.lichter.io
Twitter/X: / thealexlichter
Twitch: / thealexlichter
Thanks for tuning in, and get ready to supercharge your Nuxt.js projects with Nuxt 3 Auto Imports! 🌟
If you find this video helpful, please give it a thumbs up, subscribe to my channel for more insightful content, and hit the notification bell to stay updated with the latest Nuxt.js tips and tutorials.
Chapters:
00:00 Intro and scenarios
01:10 1) Auto import Vue components from a custom folder
03:44 2) Auto import TS/JS files from a new directory
06:09 3) Auto import NPM package exports
09:29 4) How to apply it for Nitro
09:45 Summary
#Nuxt3 #vuejs #nuxtjs #webdevelopment #frontend #frontenddeveloper #unjs #nitro #opensource