Nuxt3 프로젝트에서 전역 타입 선언하기

안녕하세요 Lovefield입니다.

최근 거의 모든 프로젝트를 타입스크립트로 작성 중입니다. 아무래도 타입이 존재한다는 것이 주는 메리트가 크다 보니 자주 이용하게 됩니다. 주력으로 사용하는 Nuxt3에서도 타입스크립트를 베이스로 이용중입니다. 타입을 사용하다 보면 여러 파일에서 같은 타입을 사용해야 하는 경우가 생깁니다. Nuxt3에서 타입을 전역으로 사용하는 방법은 생각보다 간단합니다.

nuxt.config.ts 설정

export default defineNuxtConfig({
   imports: {
       dirs: ["types"],
   },
});

imports 옵션을 사용해 "types" 폴더를 자동으로 import 하게 설정합니다. 사실 이 설정으로 모든 설정은 끝났습니다. 이제 단순히 "types" 폴더 내에 "*.d.ts" 파일을 작성하고 interface 나 type을 선언하면 됩니다. "*.d.ts" 파일은 선언부만 존재하는 파일이라는 의미입니다.