💚 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-vue-components
🔗 Unplugin Auto Import https://github.com/unplugin/unplugin-auto-import
🔗 Evan's CAPI refactoring https://gist.github.com/yyx990803/8854f8f6a97631576c14b63c8acd8f2e
🔗 Anthony Fu's ESLint Plugin for explicit imports https://github.com/antfu/nuxt-eslint-auto-explicit-import
🔗 Anthony's ESLint Plugin in Use https://github.com/antfu/eslint-flat-config-viewer/commit/0f8000851b4ac0d7f3ea5e49963c6d7248303b7b#diff-55b232a4ba83cc96f45d504975cdc0abd24dba063546b940949cca629823c30bR2
🔗 Nitro 3 Discussion - Depending Less on Auto Imports https://github.com/nitrojs/nitro/issues/2232
📺 Customize auto imports in Nuxt
https://www.youtube.com/watch?v=FT2LQJ2NvVI
📺 Shared folder
https://www.youtube.com/watch?v=_m5ct5e8nVo&lc=UgxM2h9Ps3B2j1HEb2Z4AaABAg
📺 @DejaVueFm #E038 - Self-founding and growing a Nuxt-based SaaS (with Sumit Kumar)
https://www.youtube.com/watch?v=Bo9bhUaqbbA
---
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?