How to enable vitest auto imports (globals)

post.md

title	How to enable vitest auto imports (globals)
tags	vitest globals testing tsconfig nuxt vue

How to enable vitest auto imports (globals) in Vue/Nuxt

1. Add globals to the vitest config (or vite config) in the defineConfig object

// vitest.config.ts

defineConfig({
  // ..
  test: {
    globals: true,
  }
  // ..
})

1. (if you're using typescript): Add "vitest/globals" to your typescript config

If you're using typescript, you'll need to let your IDE know about these types by adding this to your typescript config under the "compilerOptions" object.

// tsconfig.json OR tsconfig.vitest.json
{
  // ...
  "compilerOptions": {
    // ...
    "types": ["vitest/globals"]
  }
  // ...
}