Auto Imports in Vue and Nuxt - The Good and the Bad

Auto Imports in Vue and Nuxt - The Good and the Bad

5.603 Lượt nghe
Auto Imports in Vue and Nuxt - The Good and the Bad
💚 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?