nuxt3에서 eslint 설정

1. 모듈에서 eslint 모듈 설치방법 참고해서 세팅

https://nuxt.com/modules/eslint

 

2. IDE 설정 참고

https://nuxt.com/docs/community/contribution#ide-setup

 

3. 기본 eslint configure 세팅

https://github.com/nuxt/eslint-config

GitHub - nuxt/eslint-config: ESlint config used for Nuxt

global 함수의 경우 에러처리가 되는데,

내 경우 아래 글로벌 함수들은 추가해놓고 사용중

이외 필요한건 개발 하면서 추가해서 사용하시길~

 

module.exports = {
  root: true,
  extends: ["@nuxt/eslint-config"],
  globals: {
    $fetch: true,
    useRuntimeConfig: true,
    useSession: true,
    useFetch: true,
    showError: true,
  }
};

4. eslint 세팅 중에 

 

Cannot find module 'ajv/dist/compile/codegen' 이라는 에러가 뜨는 경우 ajv 모듈을 설치해줘야함.

nuxt 실행시에 lint처리를 해주는데 그 과정에서 ajv 모듈이 필요한듯 함.