Auto Imports in Vue and Nuxt - The Good and the Bad
Alexander Lichter
0:00 / 0:00
Auto Imports in Vue and Nuxt - The Good and the Bad
6 707 просмотров · 1 г. назад
Alexander Lichter
18 тыс. подписчиков
6 707 просмотров · 1 г. назад
💚 Join Vue.js Amsterdam 2025, 10% off the 3 day ticket with LICHTER https://lichter.link/vue-ams-25 *
Yes, we talk about one of the most polarizing topics in the Vue and Nuxt community - auto imports!
#vue #nuxt #pinia
---
Links and Resources
🔗 Unimport https://github.com/unjs/unimport/
🔗 Unplugin https://github.com/unjs/unplugin
🔗 Unplugin Vue Components https://github.com/unplugin/unplugin-...
🔗 Unplugin Auto Import https://github.com/unplugin/unplugin-...
🔗 Evan's CAPI refactoring https://gist.github.com/yyx990803/885...
🔗 Anthony Fu's ESLint Plugin for explicit imports https://github.com/antfu/nuxt-eslint-...
🔗 Anthony's ESLint Plugin in Use https://github.com/antfu/eslint-flat-...
🔗 Nitro 3 Discussion - Depending Less on Auto Imports https://github.com/nitrojs/nitro/issu...
📺 Customize auto imports in Nuxt • Nuxt 3 Auto Imports - Unleash Their Full P...
📺 Shared folder • `shared` - ANOTHER NEW folder in Nuxt 4?!
📺 @DejaVueFm #E038 - Self-founding and growing a Nuxt-based SaaS (with Sumit Kumar) • DejaVue #E038 - Self-founding and growing ...
---
Chaptermarks
00:00 Intro
01:31 Types of Auto Imports
02:41 Showcasing Auto Imports of Components
04:52 Too many manual imports?
05:55 Auto importing composables
08:10 Downsides of auto imports
09:15 Refactoring with auto imports
10:45 Unimport
12:25 Showcasing the unplugin system
14:20 Disabling Auto Imports in Nuxt
17:25 Anthony's ESLint module helping with migrating
18:15 Nuxt and Nitro relying less on Auto Imports?
19:20 My own opinion
20:33 What is your take?