vue.js Nuxt3自定义汽车进口(汽车进口品尼亚店)

3vpjnl9f  于 2023-03-24  发布在  Vue.js
关注(0)|答案(1)|浏览(91)

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

aor9mmx1

aor9mmx11#

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

相关问题