import { defineNuxtModule, addPlugin, createResolver } from '@nuxt/kit'
// 定义模块
export default defineNuxtModule<ModuleOptions>({
  // 在 setup 方法中设置模块的逻辑
  setup (options, nuxt) {
    // Create resolver to resolve relative paths
    // 创建一个路径解析器 resolve
    // 接受一个参数作为路径的起点
    // import.meta 是一个对象，它暴露了 JavaScript 模块特定上下文的元数据
    // 其中 import.meta.url 是模块/脚本的 URL（取决于所在的环境）
    const { resolve } = createResolver(import.meta.url)
    // resolve 解读传入的相对路径
    // 通过 addPlugin() 方法为项目添加插件
    addPlugin(resolve('./runtime/plugin'))
  }
})

import { defineNuxtModule } from '@nuxt/kit'
export default defineNuxtModule({
  setup (options, nuxt) {
    // 官方样例直接在构建时上下文 nuxt 添加 CSS 库
    // 可以先检查是否已经有该库
    // 此外还可以通过模块的配置参数 options 控制是否添加该库
    nuxt.options.css.push('font-awesome/css/font-awesome.css')
  }
})

import { defineNuxtModule, addComponent } from '@nuxt/kit'
export default defineNuxtModule({
  setup(options, nuxt) {
    // 通过 addComponent() 方法为项目添加组件
    addComponent({
      // 组件的名称，在项目的模板中使用
      name: 'MyComponent',
      // 如果组件以具名方式导出（而不是以默认导出），则该属性是可选的
      export: 'MyAwesomeComponent',
      // 组件的路径，这里采用 package 名称，因为假设组件来源于依赖包
      // 如果组件是一个本地文件（一般在 `runtime` 目录中），也可以是解一个析得到的路径
      // resolve(runtimeDir, 'components', 'MyComponent.vue')
      filePath: '@vue/awesome-components'
    })
  }
})

import { defineNuxtModule, addImports, createResolver } from '@nuxt/kit'
export default defineNuxtModule({
  setup(options, nuxt) {
    const resolver = createResolver(import.meta.url)
    // 通过 addImports() 方法为项目添加组合式 API
    addImports({
      name: 'useComposable', // 该组合式 API 的名称
      as: 'useComposable', // 别名
      // 组合式 API 所在的文件路径
      from: resolver.resolve('runtime/composables/useComposable')
    })
  }
})

import { defineNuxtModule, addImportsDir, createResolver } from '@nuxt/kit'
export default defineNuxtModule({
  setup(options, nuxt) {
    const resolver = createResolver(import.meta.url)
    // 将定义组合式 API 的文件都放在 runtime/composables 目录中
    addImportsDir(resolver.resolve('runtime/composables'))
  }
})

import { defineNuxtModule } from '@nuxt/kit'
export default defineNuxtModule({
  setup (options, nuxt) {
    // close 钩子，在 Nuxt 应用生命周期结束时执行回调函数
    nuxt.hook('close', async nuxt => {
      // Your custom code here
      // 在这里执行特定操作，如取消监听器等
    })
  }
})