chore: update dependencies

package.json

@@ -8,24 +8,24 @@
     "lint:fix": "eslint \"**/*.{vue,ts,js}\" --fix"
   },
   "dependencies": {
-    "@vueuse/core": "^8.5.0",
-    "core-js": "^3.21.1",
-    "vue": "^2.7.0",
-    "vue-router": "^3.5.3"
+    "@vueuse/core": "^9.0.0",
+    "core-js": "^3.24.0",
+    "vue": "^2.7.8",
+    "vue-router": "^3.5.4"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.18.8",
-    "@iconify/json": "^2.1.14",
+    "@antfu/eslint-config": "^0.25.2",
+    "@iconify/json": "^2.1.83",
     "@vitejs/plugin-vue2": "^1.1.2",
-    "eslint": "^8.10.0",
-    "husky": "^7.0.4",
-    "typescript": "^4.6.2",
-    "unplugin-auto-import": "^0.9.1",
-    "unplugin-icons": "^0.14.4",
-    "unplugin-vue-components": "^0.21.0",
-    "vite": "^2.8.6",
-    "vite-plugin-windicss": "^1.8.3",
-    "vue-template-compiler": "^2.7.0",
+    "eslint": "^8.20.0",
+    "husky": "^8.0.1",
+    "typescript": "^4.7.4",
+    "unplugin-auto-import": "^0.10.1",
+    "unplugin-icons": "^0.14.7",
+    "unplugin-vue-components": "^0.21.2",
+    "vite": "^3.0.3",
+    "vite-plugin-windicss": "^1.8.7",
+    "vue-template-compiler": "^2.7.8",
     "vue-template-es2015-compiler": "^1.9.1"
   }
 }

src/auto-imports.d.ts

@@ -21,9 +21,6 @@ declare global {
   const extendRef: typeof import('@vueuse/core')['extendRef']
   const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']
   const isDefined: typeof import('@vueuse/core')['isDefined']
-  const logicAnd: typeof import('@vueuse/core')['logicAnd']
-  const logicNot: typeof import('@vueuse/core')['logicNot']
-  const logicOr: typeof import('@vueuse/core')['logicOr']
   const makeDestructurable: typeof import('@vueuse/core')['makeDestructurable']
   const onClickOutside: typeof import('@vueuse/core')['onClickOutside']
   const onKeyStroke: typeof import('@vueuse/core')['onKeyStroke']
@@ -40,6 +37,8 @@ declare global {
   const refDefault: typeof import('@vueuse/core')['refDefault']
   const refThrottled: typeof import('@vueuse/core')['refThrottled']
   const refWithControl: typeof import('@vueuse/core')['refWithControl']
+  const resolveRef: typeof import('@vueuse/core')['resolveRef']
+  const resolveUnref: typeof import('@vueuse/core')['resolveUnref']
   const syncRef: typeof import('@vueuse/core')['syncRef']
   const syncRefs: typeof import('@vueuse/core')['syncRefs']
   const templateRef: typeof import('@vueuse/core')['templateRef']
@@ -54,6 +53,14 @@ declare global {
   const unrefElement: typeof import('@vueuse/core')['unrefElement']
   const until: typeof import('@vueuse/core')['until']
   const useActiveElement: typeof import('@vueuse/core')['useActiveElement']
+  const useArrayEvery: typeof import('@vueuse/core')['useArrayEvery']
+  const useArrayFilter: typeof import('@vueuse/core')['useArrayFilter']
+  const useArrayFind: typeof import('@vueuse/core')['useArrayFind']
+  const useArrayFindIndex: typeof import('@vueuse/core')['useArrayFindIndex']
+  const useArrayJoin: typeof import('@vueuse/core')['useArrayJoin']
+  const useArrayMap: typeof import('@vueuse/core')['useArrayMap']
+  const useArrayReduce: typeof import('@vueuse/core')['useArrayReduce']
+  const useArraySome: typeof import('@vueuse/core')['useArraySome']
   const useAsyncQueue: typeof import('@vueuse/core')['useAsyncQueue']
   const useAsyncState: typeof import('@vueuse/core')['useAsyncState']
   const useBase64: typeof import('@vueuse/core')['useBase64']
@@ -63,7 +70,6 @@ declare global {
   const useBroadcastChannel: typeof import('@vueuse/core')['useBroadcastChannel']
   const useBrowserLocation: typeof import('@vueuse/core')['useBrowserLocation']
   const useCached: typeof import('@vueuse/core')['useCached']
-  const useClamp: typeof import('@vueuse/core')['useClamp']
   const useClipboard: typeof import('@vueuse/core')['useClipboard']
   const useColorMode: typeof import('@vueuse/core')['useColorMode']
   const useConfirmDialog: typeof import('@vueuse/core')['useConfirmDialog']
@@ -95,6 +101,7 @@ declare global {
   const useEyeDropper: typeof import('@vueuse/core')['useEyeDropper']
   const useFavicon: typeof import('@vueuse/core')['useFavicon']
   const useFetch: typeof import('@vueuse/core')['useFetch']
+  const useFileDialog: typeof import('@vueuse/core')['useFileDialog']
   const useFileSystemAccess: typeof import('@vueuse/core')['useFileSystemAccess']
   const useFocus: typeof import('@vueuse/core')['useFocus']
   const useFocusWithin: typeof import('@vueuse/core')['useFocusWithin']
@@ -125,6 +132,7 @@ declare global {
   const useNavigatorLanguage: typeof import('@vueuse/core')['useNavigatorLanguage']
   const useNetwork: typeof import('@vueuse/core')['useNetwork']
   const useNow: typeof import('@vueuse/core')['useNow']
+  const useObjectUrl: typeof import('@vueuse/core')['useObjectUrl']
   const useOffsetPagination: typeof import('@vueuse/core')['useOffsetPagination']
   const useOnline: typeof import('@vueuse/core')['useOnline']
   const usePageLeave: typeof import('@vueuse/core')['usePageLeave']
@@ -147,12 +155,16 @@ declare global {
   const useShare: typeof import('@vueuse/core')['useShare']
   const useSpeechRecognition: typeof import('@vueuse/core')['useSpeechRecognition']
   const useSpeechSynthesis: typeof import('@vueuse/core')['useSpeechSynthesis']
+  const useStepper: typeof import('@vueuse/core')['useStepper']
   const useStorage: typeof import('@vueuse/core')['useStorage']
   const useStorageAsync: typeof import('@vueuse/core')['useStorageAsync']
   const useStyleTag: typeof import('@vueuse/core')['useStyleTag']
+  const useSupported: typeof import('@vueuse/core')['useSupported']
   const useSwipe: typeof import('@vueuse/core')['useSwipe']
   const useTemplateRefsList: typeof import('@vueuse/core')['useTemplateRefsList']
+  const useTextDirection: typeof import('@vueuse/core')['useTextDirection']
   const useTextSelection: typeof import('@vueuse/core')['useTextSelection']
+  const useTextareaAutosize: typeof import('@vueuse/core')['useTextareaAutosize']
   const useThrottle: typeof import('@vueuse/core')['useThrottle']
   const useThrottleFn: typeof import('@vueuse/core')['useThrottleFn']
   const useThrottledRefHistory: typeof import('@vueuse/core')['useThrottledRefHistory']
@@ -178,12 +190,14 @@ declare global {
   const useWindowFocus: typeof import('@vueuse/core')['useWindowFocus']
   const useWindowScroll: typeof import('@vueuse/core')['useWindowScroll']
   const useWindowSize: typeof import('@vueuse/core')['useWindowSize']
+  const watchArray: typeof import('@vueuse/core')['watchArray']
   const watchAtMost: typeof import('@vueuse/core')['watchAtMost']
   const watchDebounced: typeof import('@vueuse/core')['watchDebounced']
   const watchIgnorable: typeof import('@vueuse/core')['watchIgnorable']
   const watchOnce: typeof import('@vueuse/core')['watchOnce']
   const watchPausable: typeof import('@vueuse/core')['watchPausable']
   const watchThrottled: typeof import('@vueuse/core')['watchThrottled']
+  const watchTriggerable: typeof import('@vueuse/core')['watchTriggerable']
   const watchWithFilter: typeof import('@vueuse/core')['watchWithFilter']
   const whenever: typeof import('@vueuse/core')['whenever']
 }

src/components.d.ts

@@ -23,5 +23,4 @@ declare module '@vue/runtime-core' {
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
   }
-
 }

src/components/Feature.vue

@@ -1,3 +1,11 @@
+<script setup lang="ts">
+defineProps({
+  title: { type: String, required: true },
+  text: { type: String, required: true },
+  url: { type: String, required: true },
+})
+</script>
+
 <template>
   <div
     class="flex flex-col h-full p-8 bg-gray-100 rounded-lg items dark:bg-gray-700"
@@ -21,11 +29,3 @@
     </div>
   </div>
 </template>
-
-<script setup lang="ts">
-defineProps({
-  title: { type: String, required: true },
-  text: { type: String, required: true },
-  url: { type: String, required: true },
-})
-</script>

src/components/Navbar.vue

@@ -1,3 +1,17 @@
+<script setup lang="ts">
+import { computed, getCurrentInstance } from 'vue'
+import { routes } from '@/router'
+
+// Import config from .env
+const appName = import.meta.env.VITE_APP_NAME
+
+const availableRoutes = routes.filter(route => route.name !== 'NotFound')
+const currentRoute = computed(() => getCurrentInstance()?.proxy?.$route)
+
+const isDark = useDark()
+const toggle = useToggle(isDark)
+</script>
+
 <template>
   <header class="text-gray-600 body-font dark:bg-gray-800">
     <div
@@ -53,17 +67,3 @@
     </div>
   </header>
 </template>
-
-<script setup lang="ts">
-import { computed, getCurrentInstance } from 'vue'
-import { routes } from '@/router'
-
-// Import config from .env
-const appName = import.meta.env.VITE_APP_NAME
-
-const availableRoutes = routes.filter(route => route.name !== 'NotFound')
-const currentRoute = computed(() => getCurrentInstance()?.proxy?.$route)
-
-const isDark = useDark()
-const toggle = useToggle(isDark)
-</script>