refactor: remove boilerplate code

alexvoedi · Jun 26, 2022 · 0cb0d35 · 0cb0d35
1 parent bcf1797
commit 0cb0d35
Show file tree

Hide file tree

Showing 9 changed files with 345 additions and 381 deletions.
diff --git a/.eslintrc-auto-import.json b/.eslintrc-auto-import.json
@@ -1,5 +1,6 @@
 {
   "globals": {
+    "EffectScope": true,
     "acceptHMRUpdate": true,
     "asyncComputed": true,
     "autoResetRef": true,
@@ -26,7 +27,6 @@
     "defineStore": true,
     "eagerComputed": true,
     "effectScope": true,
-    "EffectScope": true,
     "extendRef": true,
     "getActivePinia": true,
     "getCurrentInstance": true,
@@ -35,6 +35,8 @@
     "ignorableWatch": true,
     "inject": true,
     "isDefined": true,
+    "isProxy": true,
+    "isReactive": true,
     "isReadonly": true,
     "isRef": true,
     "logicAnd": true,
@@ -111,6 +113,7 @@
     "useAttrs": true,
     "useBase64": true,
     "useBattery": true,
+    "useBluetooth": true,
     "useBreakpoints": true,
     "useBroadcastChannel": true,
     "useBrowserLocation": true,
@@ -128,15 +131,16 @@
     "useDark": true,
     "useDateFormat": true,
     "useDebounce": true,
-    "useDebouncedRefHistory": true,
     "useDebounceFn": true,
+    "useDebouncedRefHistory": true,
     "useDeviceMotion": true,
     "useDeviceOrientation": true,
     "useDevicePixelRatio": true,
     "useDevicesList": true,
     "useDisplayMedia": true,
     "useDocumentVisibility": true,
     "useDraggable": true,
+    "useDropZone": true,
     "useElementBounding": true,
     "useElementByPoint": true,
     "useElementHover": true,
@@ -158,6 +162,7 @@
     "useHead": true,
     "useI18n": true,
     "useIdle": true,
+    "useImage": true,
     "useInfiniteScroll": true,
     "useIntersectionObserver": true,
     "useInterval": true,
@@ -211,8 +216,8 @@
     "useTemplateRefsList": true,
     "useTextSelection": true,
     "useThrottle": true,
-    "useThrottledRefHistory": true,
     "useThrottleFn": true,
+    "useThrottledRefHistory": true,
     "useTimeAgo": true,
     "useTimeout": true,
     "useTimeoutFn": true,
@@ -223,10 +228,10 @@
     "useTransition": true,
     "useUrlSearchParams": true,
     "useUserMedia": true,
-    "useVibrate": true,
-    "useVirtualList": true,
     "useVModel": true,
     "useVModels": true,
+    "useVibrate": true,
+    "useVirtualList": true,
     "useWakeLock": true,
     "useWebNotification": true,
     "useWebSocket": true,
@@ -242,6 +247,8 @@
     "watchIgnorable": true,
     "watchOnce": true,
     "watchPausable": true,
+    "watchPostEffect": true,
+    "watchSyncEffect": true,
     "watchThrottled": true,
     "watchWithFilter": true,
     "whenever": true

diff --git a/auto-imports.d.ts b/auto-imports.d.ts
@@ -1,6 +1,7 @@
 // Generated by 'unplugin-auto-import'
-// We suggest you to commit this file into source control
+export {}
 declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
   const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
   const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
   const autoResetRef: typeof import('@vueuse/core')['autoResetRef']
@@ -27,7 +28,6 @@ declare global {
   const defineStore: typeof import('pinia')['defineStore']
   const eagerComputed: typeof import('@vueuse/core')['eagerComputed']
   const effectScope: typeof import('vue')['effectScope']
-  const EffectScope: typeof import('vue')['EffectScope']
   const extendRef: typeof import('@vueuse/core')['extendRef']
   const getActivePinia: typeof import('pinia')['getActivePinia']
   const getCurrentInstance: typeof import('vue')['getCurrentInstance']
@@ -36,6 +36,8 @@ declare global {
   const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']
   const inject: typeof import('vue')['inject']
   const isDefined: typeof import('@vueuse/core')['isDefined']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
   const isReadonly: typeof import('vue')['isReadonly']
   const isRef: typeof import('vue')['isRef']
   const logicAnd: typeof import('@vueuse/core')['logicAnd']
@@ -112,6 +114,7 @@ declare global {
   const useAttrs: typeof import('vue')['useAttrs']
   const useBase64: typeof import('@vueuse/core')['useBase64']
   const useBattery: typeof import('@vueuse/core')['useBattery']
+  const useBluetooth: typeof import('@vueuse/core')['useBluetooth']
   const useBreakpoints: typeof import('@vueuse/core')['useBreakpoints']
   const useBroadcastChannel: typeof import('@vueuse/core')['useBroadcastChannel']
   const useBrowserLocation: typeof import('@vueuse/core')['useBrowserLocation']
@@ -129,15 +132,16 @@ declare global {
   const useDark: typeof import('@vueuse/core')['useDark']
   const useDateFormat: typeof import('@vueuse/core')['useDateFormat']
   const useDebounce: typeof import('@vueuse/core')['useDebounce']
-  const useDebouncedRefHistory: typeof import('@vueuse/core')['useDebouncedRefHistory']
   const useDebounceFn: typeof import('@vueuse/core')['useDebounceFn']
+  const useDebouncedRefHistory: typeof import('@vueuse/core')['useDebouncedRefHistory']
   const useDeviceMotion: typeof import('@vueuse/core')['useDeviceMotion']
   const useDeviceOrientation: typeof import('@vueuse/core')['useDeviceOrientation']
   const useDevicePixelRatio: typeof import('@vueuse/core')['useDevicePixelRatio']
   const useDevicesList: typeof import('@vueuse/core')['useDevicesList']
   const useDisplayMedia: typeof import('@vueuse/core')['useDisplayMedia']
   const useDocumentVisibility: typeof import('@vueuse/core')['useDocumentVisibility']
   const useDraggable: typeof import('@vueuse/core')['useDraggable']
+  const useDropZone: typeof import('@vueuse/core')['useDropZone']
   const useElementBounding: typeof import('@vueuse/core')['useElementBounding']
   const useElementByPoint: typeof import('@vueuse/core')['useElementByPoint']
   const useElementHover: typeof import('@vueuse/core')['useElementHover']
@@ -159,6 +163,7 @@ declare global {
   const useHead: typeof import('@vueuse/head')['useHead']
   const useI18n: typeof import('vue-i18n')['useI18n']
   const useIdle: typeof import('@vueuse/core')['useIdle']
+  const useImage: typeof import('@vueuse/core')['useImage']
   const useInfiniteScroll: typeof import('@vueuse/core')['useInfiniteScroll']
   const useIntersectionObserver: typeof import('@vueuse/core')['useIntersectionObserver']
   const useInterval: typeof import('@vueuse/core')['useInterval']
@@ -212,8 +217,8 @@ declare global {
   const useTemplateRefsList: typeof import('@vueuse/core')['useTemplateRefsList']
   const useTextSelection: typeof import('@vueuse/core')['useTextSelection']
   const useThrottle: typeof import('@vueuse/core')['useThrottle']
-  const useThrottledRefHistory: typeof import('@vueuse/core')['useThrottledRefHistory']
   const useThrottleFn: typeof import('@vueuse/core')['useThrottleFn']
+  const useThrottledRefHistory: typeof import('@vueuse/core')['useThrottledRefHistory']
   const useTimeAgo: typeof import('@vueuse/core')['useTimeAgo']
   const useTimeout: typeof import('@vueuse/core')['useTimeout']
   const useTimeoutFn: typeof import('@vueuse/core')['useTimeoutFn']
@@ -224,10 +229,10 @@ declare global {
   const useTransition: typeof import('@vueuse/core')['useTransition']
   const useUrlSearchParams: typeof import('@vueuse/core')['useUrlSearchParams']
   const useUserMedia: typeof import('@vueuse/core')['useUserMedia']
-  const useVibrate: typeof import('@vueuse/core')['useVibrate']
-  const useVirtualList: typeof import('@vueuse/core')['useVirtualList']
   const useVModel: typeof import('@vueuse/core')['useVModel']
   const useVModels: typeof import('@vueuse/core')['useVModels']
+  const useVibrate: typeof import('@vueuse/core')['useVibrate']
+  const useVirtualList: typeof import('@vueuse/core')['useVirtualList']
   const useWakeLock: typeof import('@vueuse/core')['useWakeLock']
   const useWebNotification: typeof import('@vueuse/core')['useWebNotification']
   const useWebSocket: typeof import('@vueuse/core')['useWebSocket']
@@ -243,8 +248,9 @@ declare global {
   const watchIgnorable: typeof import('@vueuse/core')['watchIgnorable']
   const watchOnce: typeof import('@vueuse/core')['watchOnce']
   const watchPausable: typeof import('@vueuse/core')['watchPausable']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
   const watchThrottled: typeof import('@vueuse/core')['watchThrottled']
   const watchWithFilter: typeof import('@vueuse/core')['watchWithFilter']
   const whenever: typeof import('@vueuse/core')['whenever']
 }
-export {}
diff --git a/components.d.ts b/components.d.ts
@@ -1,13 +1,12 @@
 // generated by unplugin-vue-components
 // We suggest you to commit this file into source control
-// Read more: https://github.com/vuejs/vue-next/pull/3399
+// Read more: https://github.com/vuejs/core/pull/3399
 import '@vue/runtime-core'
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
-    StartPage: typeof import('./src/views/StartPage.vue')['default']
   }
 }
 

diff --git a/package.json b/package.json
@@ -24,38 +24,38 @@
     "serve": "vite preview"
   },
   "dependencies": {
-    "@vueuse/core": "^8.7.4",
+    "@vueuse/core": "^8.7.5",
     "@vueuse/head": "^0.7.6",
     "pinia": "^2.0.14",
     "vue": "^3.2.37",
     "vue-i18n": "^9.1.10",
     "vue-router": "^4.0.16"
   },
   "devDependencies": {
-    "@iconify/json": "^2.1.64",
+    "@iconify/json": "^2.1.67",
     "@intlify/vite-plugin-vue-i18n": "^3.4.0",
     "@types/node": "^18.0.0",
     "@typescript-eslint/eslint-plugin": "^5.29.0",
     "@typescript-eslint/parser": "^5.29.0",
-    "@unocss/preset-attributify": "^0.39.3",
-    "@unocss/transformer-directives": "^0.39.3",
-    "@unocss/transformer-variant-group": "^0.39.3",
+    "@unocss/preset-attributify": "^0.41.0",
+    "@unocss/transformer-directives": "^0.41.0",
+    "@unocss/transformer-variant-group": "^0.41.0",
     "@vitejs/plugin-vue": "^2.3.3",
     "@vue/compiler-sfc": "^3.2.37",
     "@vue/eslint-config-prettier": "^7.0.0",
     "@vue/eslint-config-typescript": "^11.0.0",
     "cross-env": "^7.0.3",
     "eslint": "^8.18.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.7.1",
+    "eslint-plugin-vue": "^9.1.1",
     "prettier": "^2.7.1",
     "typescript": "^4.7.4",
-    "unocss": "^0.39.3",
-    "unplugin-auto-import": "^0.8.8",
+    "unocss": "^0.41.0",
+    "unplugin-auto-import": "^0.9.1",
     "unplugin-icons": "^0.14.5",
-    "unplugin-vue-components": "^0.19.6",
+    "unplugin-vue-components": "^0.20.1",
     "vite": "^2.9.12",
     "vite-plugin-purge-icons": "^0.8.1",
-    "vue-tsc": "^0.38.1"
+    "vue-tsc": "^0.38.2"
   }
 }