the way to aviod injection "Symbol(router)" not found in @testing-library/vue

[Fallsleep]

If use in @testing-library/vue, shoud follow @testing-library/vue vue-router example adding router as plugins to render function.

Otherwise you'll get injection "Symbol(router)" not found when calling useRouter() in component setup.

Here's example code:

<script setup lang="ts">
// Demo.vue
import { useRouter } from 'vue-router';

const router = useRouter();
function navigate() {
  router.push('/');
}
</script>

<template>
  <button @click="navigate()">Home</button>
</template>

// vitest.setup.ts
const router = createRouterMock()
beforeEach(() => {
  injectRouterMock(router)
})
afterEach(() => {
  vi.restoreAllMocks()
})
config.plugins.VueWrapper.install(VueRouterMock)

// demo.test.ts
import { pinaRouterPlugin } from '@/store'
import { createTestingPinia } from '@pinia/testing'
import { render } from '@testing-library/vue'
import { getRouter } from 'vue-router-mock'
import Demo from '@/demo.vue'

describe('demo', () => {
  beforeEach(() => {
    const router = getRouter()
    render(Demo, {
      global:{
        plugins: [
          router,
          createTestingPinia({
            stubActions: false,
            plugins:[pinaRouterPlugin(router)]
          })
        ]
      }
    })
  })

  it('snapshot', () => {
    expect(document.body).toMatchSnapshot()
  })
})

pinaRouterPlugin see #181