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'],
  },
});

Answer 2

Tristan 的答案指出了正确的方向，同时 nuxt.config.ts 语法发生了一些变化：

// nuxt.config.ts
export default defineNuxtConfig({
  // ... other options
  modules: ['@pinia/nuxt'],
  pinia: {
    storesDirs: ['./stores/**', './custom-folder/stores/**'],
  },
})

来源：https://pinia.vuejs.org/ssr/nuxt.html#auto-imports