chore(deps): rm lodash-es

Author: litingyes

package.json

@@ -72,7 +72,6 @@
     "@playwright/experimental-ct-vue": "^1.32.0",
     "@release-it/conventional-changelog": "^5.1.1",
     "@tsconfig/node-lts-strictest": "^18.12.1",
-    "@types/lodash-es": "^4.17.7",
     "@types/node": "^20.1.7",
     "@vitejs/plugin-vue": "^4.0.0",
     "@vueuse/core": "^10.1.2",
@@ -81,7 +80,6 @@
     "eslint": "^8.32.0",
     "inquirer": "8",
     "lint-staged": "^13.1.0",
-    "lodash-es": "^4.17.21",
     "release-it": "^15.6.0",
     "simple-git-hooks": "^2.8.1",
     "typescript": "^5.0.4",

src/VuePreview.vue

@@ -3,8 +3,7 @@ import '@liting-yes/vue-repl/style.css'
 import type { Store } from '@liting-yes/vue-repl'
 import { CodeMirror, Preview, ReplStore, defaultMainFile } from '@liting-yes/vue-repl'
 import { computed, provide, ref } from 'vue'
-import { debounce } from 'lodash-es'
-import { useClipboard, useElementHover } from '@vueuse/core'
+import { useClipboard, useDebounceFn, useElementHover } from '@vueuse/core'
 import Copy from './icons/Copy.vue'
 import Copied from './icons/Copied.vue'
 import UnfoldLess from './icons/UnfoldLess.vue'
@@ -82,7 +81,7 @@ else {
 
 store.init()
 
-const onChange = debounce((code: string) => {
+const onChange = useDebounceFn((code: string) => {
   store.state.activeFile.code = code
 }, 250)