chore: migrate from vitest-dom to @testing-library/jest-dom, update configuration and dependencies

Author: mutoe

package.json

@@ -35,6 +35,7 @@
     "@pinia/testing": "^1.0.2",
     "@playwright/test": "1.55.1",
     "@size-limit/preset-app": "^11.2.0",
+    "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/user-event": "^14.6.1",
     "@testing-library/vue": "^8.1.0",
     "@types/node": "^24.5.2",
@@ -55,7 +56,6 @@
     "typescript": "~5.9.2",
     "vite": "^7.1.7",
     "vitest": "^3.2.4",
-    "vitest-dom": "^0.1.1",
     "vitest-monocart-coverage": "^3.0.2",
     "vue-tsc": "^3.0.8"
   },

pnpm-lock.yaml

@@ -1,7 +1,4 @@
-/// <reference types="vitest-dom/extend-expect" />
-
-// TODO: migrate to @testing-library/jest-dom/vitest
-import 'vitest-dom/extend-expect'
+import '@testing-library/jest-dom/vitest'
 
 // https://github.com/mswjs/msw/issues/1415#issuecomment-1650562700
 location.href = 'https://api.realworld.show/'

src/setup-tests.ts

@@ -8,6 +8,7 @@
     "module": "ESNext",
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
+    "types": ["@testing-library/jest-dom"],
     "strict": true,
     "noFallthroughCasesInSwitch": true,
     "noUnusedLocals": true,