Nuxt 3 中的自定义自动导入（自动导入 Pinia 商店）

Question

有没有办法在 Nuxt 3 中设置自定义自动导入？我使用 Pinia，我的商店位于 /stores 下的根目录中。例如，如果我想在组件中使用 /stores/auth.store.ts 中的商店，我总是必须像这样导入商店：
import { useCourseStore } from '~~/stores/course.store';。

Answer 1

根据 Pinia 文档https://pinia.vuejs.org/ssr/nuxt.html#auto-imports上的定义，您可以在您的nuxt.config.ts

export default defineNuxtConfig({
  // your config...
  modules: [
    [
      '@pinia/nuxt',
      { autoImports: ['defineStore'] },
    ],
  ],
});

您还可以在配置中定义自定义导入目录https://nuxt.com/docs/api/configuration/nuxt-config#imports

export default defineNuxtConfig({
  // your config
  imports: {
    dirs: ['stores'],
  },
});