import { vi } from "vitest";
import { config } from "@vue/test-utils";
import * as vue from "vue";

(global as any).ref = vue.ref;
(global as any).reactive = vue.reactive;
(global as any).computed = vue.computed;
(global as any).watch = vue.watch;
(global as any).onMounted = vue.onMounted;
(global as any).onUnmounted = vue.onUnmounted;

Object.defineProperty(global, "import", {
  value: {
    meta: {
      glob: vi.fn(() => ({})),
    },
  },
  writable: true,
});

config.global.stubs = {
  NuxtLayout: true,
  NuxtPage: true,
  Divider: true,
  NuxtRouteAnnouncer: true,
  NuxtLink: { template: "<a><slot /></a>", props: ["to"] },
  ClientOnly: { template: "<div class='client-only'><slot /></div>" },
};