[Nuxt-Module] Livecycle hooks

Nuxt 의 Livecycle hook 은 두 가지 방법으로 선언할 수 있습니다.

export default defineNuxtModule<ModuleOptions>({
  meta: {
    name: 'nuxt-basic-optimizer',
    configKey: 'nuxtBasicOptimizer'
  },
  // Default configuration options of the Nuxt module
  defaults: {
  },
  hooks: {
    'app:resolve': (nuxt) => {
      console.log('App resolvec', nuxt);
    }
  },
  setup(options, nuxt: Nuxt) {
    nuxt.hook('app:resolve', (nuxtApp: NuxtApp) => {
      console.log('app resolve hook is called', nuxtApp);
  });
 })

 

setup 에 nuxt.hook 과 defineModule 자체의 property hooks 로 접근할수 있습니다.

 

다만  hooks property 에서는 setup 에서 파라미터로 전달되는 options 대한 접근이 어렵습니다.

hooks property 로 별도 선언시 가독성 향상을 가져올수있으나 그에 따른 단점이 존재합니다.