test: add example of mocking nuxt useRoute

Author: danielroe

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { describe, expect, it, vi } from 'vitest'
-import { mountSuspended } from '@nuxt/test-utils/runtime'
+import { mockNuxtImport, mountSuspended } from '@nuxt/test-utils/runtime'
 import Index from '~/pages/router/route.vue'
 
 vi.mock('vue-router', () => ({
@@ -10,6 +10,12 @@ vi.mock('vue-router', () => ({
   })),
 }))
 
+mockNuxtImport('useRoute', () => () => ({
+  meta: {},
+  path: '/bob',
+  query: {},
+}))
+
 describe('Index', async () => {
   const wrapper = await mountSuspended(Index)