Unable to Resolve Auto-Imports in Component Tests

[Mini-ghost]

Description

I am currently writing component tests for my Nuxt project, and I have encountered an issue with auto-imports in one of the components. The component utilizes auto-imports, which seem to be causing difficulties in the testing process. Is there any relevant information or documentation that I can refer to regarding this issue?

The following code is button component and button component unit test:

AtomicButton.vue

<script setup lang="ts">
import type { RouteLocationRaw } from 'vue-router';

interface AtomicButtonProps {
	// props
}

const props = withDefaults(defineProps<AtomicButtonProps>(), {
	// props default value
});

const NuxtLink = resolveComponent('NuxtLink');

const rootComponent = computed(() => {
	return isNullOrUndefined(props.to) ? 'button' : NuxtLink;
});

const rootClass = computed(() => {
	// implement
});
</script>

components/atomics/__tests__/AtomicButton.test.ts

import { config, mount, RouterLinkStub } from '@vue/test-utils';
import { describe, expect, it } from 'vitest';

import AtomicButton from '../AtomicButton.vue';

config.global.components = {
	'NuxtLink': RouterLinkStub,
};

describe('<AtomicButton>', () => {
	it('should have default props', () => {
		const wrapper = mount(AtomicButton);

		expect(wrapper.props()).toEqual({
			type: 'button',
			size: 'normal',
			theme: 'secondary',
			variant: 'contained',
			to: undefined,
		});
	});
});

Error Message

 FAIL  components/atomics/__tests__/AtomicButton.test.ts > AtomicButton > should render correctly
ReferenceError: resolveComponent is not defined
 ❯ setup components/atomics/AtomicButton.vue:47:18
     45| });
     46| 
     47| const NuxtLink = resolveComponent('NuxtLink');
       |                  ^
     48| 
     49| const rootComponent = computed(() => {
 ❯ callWithErrorHandling node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:156:18
 ❯ setupStatefulComponent node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:7243:25
 ❯ setupComponent node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:7204:36
 ❯ mountComponent node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:5602:7
 ❯ processComponent node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:5568:9
 ❯ patch node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:5054:11
 ❯ ReactiveEffect.componentUpdateFn [as fn] node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:5711:11
 ❯ ReactiveEffect.run node_modules/.pnpm/@[email protected]/node_modules/@vue/reactivity/dist/reactivity.cjs.js:182:19
 ❯ instance.update node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:5817:51