test: add example of mocking vue-router

Author: danielroe

examples/app-vitest-full/pages/router/route.vue

@@ -0,0 +1,9 @@
+<script lang="ts" setup>
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+</script>
+
+<template>
+  <div>Index page, path: {{ route.path }}</div>
+</template>

examples/app-vitest-full/tests/nuxt/__snapshots__/mock-vue-router.spec.ts.snap

@@ -0,0 +1,3 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Index > should render correctly 1`] = `"<div>Index page, path: /123</div>"`;

examples/app-vitest-full/tests/nuxt/mock-vue-router.spec.ts

@@ -0,0 +1,19 @@
+import { describe, expect, it, vi } from 'vitest'
+import { mountSuspended } from '@nuxt/test-utils/runtime'
+import Index from '~/pages/router/route.vue'
+
+vi.mock('vue-router', () => ({
+  useRoute: vi.fn(() => ({
+    meta: {},
+    path: '/123',
+    query: {},
+  })),
+}))
+
+describe('Index', async () => {
+  const wrapper = await mountSuspended(Index)
+
+  it('should render correctly', () => {
+    expect(wrapper.html()).toMatchSnapshot()
+  })
+})