chore: up vue router

Author: posva

__tests__/components.spec.ts

@@ -1,4 +1,6 @@
 import { mount } from '@vue/test-utils'
+import { getRouter } from '../src'
+import { useRouter } from 'vue-router'
 
 describe('components', () => {
   it('stubs router link', async () => {
@@ -24,4 +26,23 @@ describe('components', () => {
       `"<a href=\\"/about\\" class=\\"\\">About</a>"`
     )
   })
+
+  it('mounts component', async () => {
+    const wrapper = mount({
+      template: `<button @click="navigate()">Home</button>`,
+      setup() {
+        const router = useRouter()
+        function navigate() {
+          router.push('/')
+        }
+
+        return { navigate }
+      },
+    })
+
+    await wrapper.get('button').trigger('click')
+
+    const router = getRouter()
+    expect(router.push).toHaveBeenCalledWith('/')
+  })
 })

package.json

@@ -63,7 +63,7 @@
     "typescript": "^4.7.4",
     "unbuild": "^0.7.4",
     "vue": "^3.2.37",
-    "vue-router": "^4.0.16",
+    "vue-router": "^4.1.0",
     "yorkie": "^2.0.0"
   },
   "gitHooks": {

pnpm-lock.yaml

@@ -257,7 +257,7 @@ export function createRouterMock(options: RouterMockOptions = {}): RouterMock {
       if (record && !runInComponentGuards) {
         record.leaveGuards.clear()
         record.updateGuards.clear()
-        Object.values(record.components).forEach((component) => {
+        Object.values(record.components || {}).forEach((component) => {
           // TODO: handle promises?
           // @ts-ignore
           delete component.beforeRouteUpdate