Add Vue dependency like jest-setup

[ricardo17coelho]

Hi guys :)

With Jest i was able to use "global" plugins in Vue like:

import Vue from 'vue';
import Vuetify from 'vuetify';
import VueCookies from 'vue-cookies';

Vue.use(Vuetify);
Vue.use(VueCookies);

Vue.config.productionTip = false;

then i had some code like:

  ....
  setKey(key, value, prefix) {
    const keyName = this.getKeyName(key, prefix);
    Vue.$cookies.set(keyName, value);
  }
  ....

And the tests worked.
Now i got an error:

[ricardo17coelho]

Resolved this isse be adding this new setup file
// vitest.config.ts

import Vue from 'vue';
import '@/plugins/vuetify';
import { vi } from 'vitest';
import VueCookies from 'vue-cookies';

vi.mock('vue', async () => {
  const Vue = await vi.importActual('vue');

  Vue.default.config.productionTip = false;
  Vue.default.config.devtools = false;

  return Vue;
});

Vue.use(VueCookies);

and add the file on the vitest.config.ts

  test: {
    ....
    setupFiles: ['./vitest.setup.js'],
    ....
    }