小编Bac*_*ick的帖子

如何将 nuxt 模块提供的可组合项添加到自动导入?

我想从自定义 nuxt 模块添加可组合项,并在组件中使用它们而无需导入。

现在我必须使用#import,因为没有它我会收到错误(500 - useTest 未定义)。我有这样的东西,有什么想法可以实现这个目标吗?

// src/module.ts
import { fileURLToPath } from "url";
import {
  defineNuxtModule,
  addPlugin,
  createResolver,
  addComponent,
  addImportsDir,
} from "@nuxt/kit";

export interface ModuleOptions {
  addPlugin: boolean;
}

export default defineNuxtModule<ModuleOptions>({
  meta: {
    name: "my-module",
    configKey: "myModule",
  },
  defaults: {
    addPlugin: true,
  },
  setup(options, nuxt) {
    const { resolve } = createResolver(import.meta.url);
    const runtimeDir = fileURLToPath(new URL("./runtime", import.meta.url));

    addImportsDir(resolve(runtimeDir, "composables"));
  },
});

Run Code Online (Sandbox Code Playgroud)
// src/runtime/composables/useTest.ts
export function useTest() {
  console.log("run useTest");

  return {
    test: () => { …
Run Code Online (Sandbox Code Playgroud)

nuxt.js vuejs3 nuxtjs3 nuxt-module

10
推荐指数
1
解决办法
3428
查看次数

标签 统计

nuxt-module ×1

nuxt.js ×1

nuxtjs3 ×1

vuejs3 ×1