Example with Nuxt 3

[alexcroox]

Has anyone managed to integrate this with Nuxt 3 yet? The Vue docs aren't compatible with defineNuxtConfig

[antfu]

I will take a look later and see if we can come up with a Nuxt module for it

[alexcroox]

I'm close with

/// <reference types="vitest" />
import Vue from '@vitejs/plugin-vue'
import { defineNuxtConfig } from 'nuxt3'

export default defineNuxtConfig({
  vite: {
    plugins: [Vue()],
    test: {
      global: true,
      environment: 'happy-dom'
    }
  },

and my test

import { mount } from '@vue/test-utils'
import { expect, test } from 'vitest'

import Component from './Button.vue'

test('mount component', async () => {
  expect(Component).toBeTruthy()
})

but I get an error running Vitest

 FAIL  src/components/button/Button.test.ts [ src/components/button/Button.test.ts ]
Error: Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files.

[wesley-spencer]

Any updates? I am using nuxt-bridge.

[antfu]

Track on https://github.com/nuxt/framework/issues/3198