Automatically add explicit imports to ESLint
npm install @scayle/eslint-auto-explicit-importAn extension of the official @nuxt/eslint module to insert more explicit import statement
automatically using eslint --fix into a Nuxt-based SCAYLE Storefront project.
NOTE: Currently composables, utilities, helper functions and imported functions from packages will
be automatically inserted as imports. No components used within a will be imported by it!
- Based on nuxt-eslint-auto-explicit-import
- Based on eslint-plugin-unimport
- Official @nuxt/eslint module
- Official ESLint Documentation
- Example Commit on eslint-flat-config-viewer
Add local module to nuxt.config.ts:
``ts`
export default defineNuxtConfig({
modules: [
// Both are required
'@nuxt/eslint',
'@scayle/eslint-auto-explicit-import',
],
})
Followed by adding a dedicated eslint flat config if none exists:
`js
// eslint.config.mjs
import withNuxt from './nuxt/eslint.config.mjs'
export default withNuxt({
// Your ESLint config
})
`
Running eslint should now throw errors if a source file does use auto-import.--fix
Adding allows for automatically inserting / fixing of missing imports.
`sh`pnpm lint .
pnpm lint . --fix
1. Should a Vue component not have a dedicated