fix: uprade deps and resolve type conflicts

cypress/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "types": [
+      "cypress"
+    ]
+  }
+}

package.json

@@ -12,10 +12,10 @@
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@vueuse/core": "^7.5.4",
+    "@vueuse/core": "^7.5.5",
     "@vueuse/head": "^0.7.5",
     "nprogress": "^0.2.0",
-    "pinia": "^2.0.9",
+    "pinia": "^2.0.11",
     "prism-theme-vars": "^0.2.2",
     "vue": "^3.2.29",
     "vue-demi": "^0.12.1",
@@ -23,35 +23,35 @@
     "vue-router": "^4.0.12"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.16.0",
+    "@antfu/eslint-config": "^0.16.1",
     "@iconify-json/carbon": "^1.0.14",
-    "@intlify/vite-plugin-vue-i18n": "^3.2.1",
+    "@intlify/vite-plugin-vue-i18n": "^3.2.2",
     "@types/markdown-it-link-attributes": "^3.0.1",
     "@types/nprogress": "^0.2.0",
     "@vitejs/plugin-vue": "^2.1.0",
     "@vue/test-utils": "^2.0.0-rc.18",
     "critters": "^0.0.16",
     "cross-env": "^7.0.3",
-    "cypress": "^9.3.1",
-    "eslint": "^8.7.0",
+    "cypress": "^9.4.1",
+    "eslint": "^8.8.0",
     "eslint-plugin-cypress": "^2.12.1",
     "https-localhost": "^4.7.0",
     "markdown-it-link-attributes": "^4.0.0",
     "markdown-it-prism": "^2.2.2",
-    "pnpm": "^6.28.0",
+    "pnpm": "^6.30.0",
     "typescript": "^4.5.5",
     "unplugin-auto-import": "^0.5.11",
     "unplugin-icons": "^0.13.0",
-    "unplugin-vue-components": "^0.17.14",
+    "unplugin-vue-components": "^0.17.17",
     "vite": "^2.7.13",
     "vite-plugin-inspect": "^0.3.13",
     "vite-plugin-md": "^0.11.7",
-    "vite-plugin-pages": "^0.20.0",
+    "vite-plugin-pages": "^0.20.1",
     "vite-plugin-pwa": "^0.11.13",
-    "vite-plugin-vue-layouts": "^0.5.0",
+    "vite-plugin-vue-layouts": "^0.6.0",
     "vite-plugin-windicss": "^1.6.3",
-    "vite-ssg": "^0.17.7",
-    "vitest": "0.1.27",
-    "vue-tsc": "^0.31.1"
+    "vite-ssg": "^0.17.10",
+    "vitest": "^0.2.7",
+    "vue-tsc": "^0.31.2"
   }
 }

src/auto-imports.d.ts

@@ -1,15 +1,9 @@
 // Generated by 'unplugin-auto-import'
 // We suggest you to commit this file into source control
 declare global {
-  const afterAll: typeof import('vitest')['afterAll']
-  const afterEach: typeof import('vitest')['afterEach']
-  const assert: typeof import('vitest')['assert']
   const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
   const autoResetRef: typeof import('@vueuse/core')['autoResetRef']
-  const beforeAll: typeof import('vitest')['beforeAll']
-  const beforeEach: typeof import('vitest')['beforeEach']
   const biSyncRef: typeof import('@vueuse/core')['biSyncRef']
-  const chai: typeof import('vitest')['chai']
   const computed: typeof import('vue')['computed']
   const computedInject: typeof import('@vueuse/core')['computedInject']
   const controlledComputed: typeof import('@vueuse/core')['controlledComputed']
@@ -25,11 +19,9 @@ declare global {
   const debouncedWatch: typeof import('@vueuse/core')['debouncedWatch']
   const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
   const defineComponent: typeof import('vue')['defineComponent']
-  const describe: typeof import('vitest')['describe']
   const eagerComputed: typeof import('@vueuse/core')['eagerComputed']
   const effectScope: typeof import('vue')['effectScope']
   const EffectScope: typeof import('vue')['EffectScope']
-  const expect: typeof import('vitest')['expect']
   const extendRef: typeof import('@vueuse/core')['extendRef']
   const getCurrentInstance: typeof import('vue')['getCurrentInstance']
   const getCurrentScope: typeof import('vue')['getCurrentScope']
@@ -39,7 +31,6 @@ declare global {
   const isDefined: typeof import('@vueuse/core')['isDefined']
   const isReadonly: typeof import('vue')['isReadonly']
   const isRef: typeof import('vue')['isRef']
-  const it: typeof import('vitest')['it']
   const makeDestructurable: typeof import('@vueuse/core')['makeDestructurable']
   const markRaw: typeof import('vue')['markRaw']
   const nextTick: typeof import('vue')['nextTick']
@@ -72,10 +63,8 @@ declare global {
   const shallowReactive: typeof import('vue')['shallowReactive']
   const shallowReadonly: typeof import('vue')['shallowReadonly']
   const shallowRef: typeof import('vue')['shallowRef']
-  const suite: typeof import('vitest')['suite']
   const syncRef: typeof import('@vueuse/core')['syncRef']
   const templateRef: typeof import('@vueuse/core')['templateRef']
-  const test: typeof import('vitest')['test']
   const throttledRef: typeof import('@vueuse/core')['throttledRef']
   const throttledWatch: typeof import('@vueuse/core')['throttledWatch']
   const toRaw: typeof import('vue')['toRaw']
@@ -183,6 +172,7 @@ declare global {
   const useSpeechSynthesis: typeof import('@vueuse/core')['useSpeechSynthesis']
   const useStorage: typeof import('@vueuse/core')['useStorage']
   const useStorageAsync: typeof import('@vueuse/core')['useStorageAsync']
+  const useStyleTag: typeof import('@vueuse/core')['useStyleTag']
   const useSwipe: typeof import('@vueuse/core')['useSwipe']
   const useTemplateRefsList: typeof import('@vueuse/core')['useTemplateRefsList']
   const useTextSelection: typeof import('@vueuse/core')['useTextSelection']
@@ -210,8 +200,6 @@ declare global {
   const useWindowFocus: typeof import('@vueuse/core')['useWindowFocus']
   const useWindowScroll: typeof import('@vueuse/core')['useWindowScroll']
   const useWindowSize: typeof import('@vueuse/core')['useWindowSize']
-  const vi: typeof import('vitest')['vi']
-  const vitest: typeof import('vitest')['vitest']
   const watch: typeof import('vue')['watch']
   const watchAtMost: typeof import('@vueuse/core')['watchAtMost']
   const watchEffect: typeof import('vue')['watchEffect']

test/basic.test.ts

@@ -1,3 +1,5 @@
+import { describe, expect, it } from 'vitest'
+
 describe('tests', () => {
   it('should works', () => {
     expect(1 + 1).toEqual(2)

test/component.test.ts

@@ -1,4 +1,5 @@
 import { mount } from '@vue/test-utils'
+import { describe, expect, it } from 'vitest'
 import Counter from '../src/components/Counter.vue'
 
 describe('Counter.vue', () => {

tsconfig.json

@@ -14,7 +14,6 @@
     "strictNullChecks": true,
     "forceConsistentCasingInFileNames": true,
     "types": [
-      "cypress",
       "vite/client",
       "vite-plugin-pages/client",
       "vite-plugin-vue-layouts/client"

vite.config.ts

@@ -44,7 +44,6 @@ export default defineConfig({
         'vue-i18n',
         '@vueuse/head',
         '@vueuse/core',
-        'vitest',
       ],
       dts: 'src/auto-imports.d.ts',
     }),