raw

Author: m0ksem

package.json

@@ -62,7 +62,7 @@
     "@vue/reactivity": "3.5.12",
     "@vue/server-renderer": "3.5.12",
     "@vue/compiler-dom": "3.5.12",
-    "sass": "1.89.0",
+    "sass": "^1.97.3",
     "typescript": "5.9.3",
     "vue-tsc": "3.2.4"
   },

packages/create-vuestic/package.json

@@ -14,11 +14,11 @@
   "dependencies": {
     "chalk": "^5.6.2",
     "ora": "^9.3.0",
-    "pathe": "2.0.3",
+    "pathe": "^2.0.3",
     "prompts": "^2.4.2"
   },
   "devDependencies": {
-    "@types/node": "^18.19.121",
+    "@types/node": "22.12.0",
     "@types/prompts": "^2.4.2",
     "tsup": "^8.5.1",
     "tsx": "^4.21.0"

packages/ui/package.json

@@ -47,14 +47,8 @@
     "@floating-ui/vue": "^1.1.8"
   },
   "devDependencies": {
-    "@babel/core": "^7.12.3",
-    "@babel/plugin-transform-modules-commonjs": "^7.12.1",
-    "@babel/preset-env": "^7.12.1",
     "@faker-js/faker": "^8.0.2",
     "@fortawesome/fontawesome-free": "^6.1.1",
-    "@fortawesome/fontawesome-svg-core": "^1.2.32",
-    "@fortawesome/free-solid-svg-icons": "^5.15.1",
-    "@fortawesome/vue-fontawesome": "^3.0.0-2",
     "@storybook/addon-essentials": "^7.1.0",
     "@storybook/addon-interactions": "^7.1.0",
     "@storybook/addon-links": "^7.1.0",

packages/ui/src/components/va-skeleton/VaSkeleton.vue

@@ -43,7 +43,7 @@ const props = defineProps({
 const doShow = ref(false)
 const delayComputed = useNumericProp('delay') as ComputedRef<number>
 
-let timeoutId: ReturnType<typeof setTimeout>
+let timeoutId: ReturnType<typeof setTimeout> | undefined
 onMounted(() => {
   clearTimeout(timeoutId)
   setTimeout(() => {

packages/ui/src/components/va-tree-view/components/VaTreeNode/VaTreeNode.vue

@@ -39,7 +39,7 @@
               :color="colorComputed"
               :disabled="!!$props.node.disabled || $props.disabled"
               indeterminate
-              @update:model-value="(v) => toggleCheckbox($props.node, v)"
+              @update:model-value="toggleCheckbox($props.node, $event)"
               class="va-tree-node__checkbox"
             />
           </slot>
@@ -67,8 +67,8 @@
         :expandable="$props.expandable"
         :node="childNode"
       >
-        <template v-for="(_, name) in $slots" :key="name" v-slot:[name]="slotScope: any">
-          <slot :name="name" v-bind="slotScope" />
+        <template v-for="(_, name) in $slots" :key="name" v-slot:[name]="scope">
+          <slot :name="name as 'content' | 'icon' | 'icon-toggle' | 'checkbox'" v-bind="scope" />
         </template>
       </va-tree-node>
     </div>
@@ -93,6 +93,13 @@ defineOptions({
   name: 'VaTreeNode',
 })
 
+defineSlots<{
+  content: (node: TreeNode) => any,
+  icon: (node: TreeNode) => any,
+  'icon-toggle': (node: TreeNode) => any,
+  checkbox: (node: TreeNode) => any,
+}>()
+
 const props = defineProps({
   node: {
     type: Object as PropType<TreeNode>,

packages/ui/src/utils/pick.ts

@@ -1,8 +1,8 @@
-export const pick = <Obj extends Record<string, any>, Keys extends keyof Obj>(o: Obj, keys: Keys[]) => {
-  return (Object.keys(o) as Keys[])
-    .filter((key: Keys) => keys.includes(key as Keys))
-    .reduce((acc: Pick<Obj, Keys>, key: Keys) => {
+export const pick = <Obj extends Record<string, any>, const Keys extends readonly (keyof Obj)[]>(o: Obj, keys: Keys) => {
+  return (Object.keys(o) as Keys[number][])
+    .filter((key) => keys.includes(key))
+    .reduce((acc, key) => {
       acc[key] = o[key]
       return acc
-    }, { } as Pick<Obj, Keys>)
+    }, { } as Pick<Obj, Keys[number]>)
 }

yarn.lock

@@ -996,7 +996,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-commonjs@npm:^7.12.1, @babel/plugin-transform-modules-commonjs@npm:^7.23.0, @babel/plugin-transform-modules-commonjs@npm:^7.24.1, @babel/plugin-transform-modules-commonjs@npm:^7.25.9":
+"@babel/plugin-transform-modules-commonjs@npm:^7.23.0, @babel/plugin-transform-modules-commonjs@npm:^7.24.1, @babel/plugin-transform-modules-commonjs@npm:^7.25.9":
   version: 7.25.9
   resolution: "@babel/plugin-transform-modules-commonjs@npm:7.25.9"
   dependencies:
@@ -1328,7 +1328,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/preset-env@npm:^7.12.1, @babel/preset-env@npm:^7.23.2":
+"@babel/preset-env@npm:^7.23.2":
   version: 7.26.0
   resolution: "@babel/preset-env@npm:7.26.0"
   dependencies:
@@ -2566,55 +2566,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@fortawesome/fontawesome-common-types@npm:^0.2.36":
-  version: 0.2.36
-  resolution: "@fortawesome/fontawesome-common-types@npm:0.2.36"
-  checksum: 10/ea8575388b5ef67bb490a029bb1c13acd2a7f4e7a7cc00b6818a78aaa85be152075f8265558cec5751df560f74d9cdcddbc2f99a8e39265cd1ca63f3e9238c17
-  languageName: node
-  linkType: hard
-
-"@fortawesome/fontawesome-common-types@npm:^0.3.0":
-  version: 0.3.0
-  resolution: "@fortawesome/fontawesome-common-types@npm:0.3.0"
-  checksum: 10/c0960d8f86bf7206e9dad547b5c636c4b0af972e47aa4dbac09d381e8e8fc9019fddd4437d71866a11a44af43f485396e4b09b40de40291d33621f8b91f627d7
-  languageName: node
-  linkType: hard
-
 "@fortawesome/fontawesome-free@npm:^6.1.1":
   version: 6.5.1
   resolution: "@fortawesome/fontawesome-free@npm:6.5.1"
   checksum: 10/ff6627084d550672235336b75d020d4e63b4089900cec844113f9f54d13c2c7edd7c5dc051eb8f547aeae8215ed542e46320636587a2d4fa69e547020effbb35
   languageName: node
   linkType: hard
 
-"@fortawesome/fontawesome-svg-core@npm:^1.2.32":
-  version: 1.3.0
-  resolution: "@fortawesome/fontawesome-svg-core@npm:1.3.0"
-  dependencies:
-    "@fortawesome/fontawesome-common-types": "npm:^0.3.0"
-  checksum: 10/06b3e05fa19700286e99c0da904d837b28aa00de61379a1fffb9b219566dae7b61df71959877c179cd57b4008dc1bf45294a9d87782cc5c1f15a1022cc930931
-  languageName: node
-  linkType: hard
-
-"@fortawesome/free-solid-svg-icons@npm:^5.15.1":
-  version: 5.15.4
-  resolution: "@fortawesome/free-solid-svg-icons@npm:5.15.4"
-  dependencies:
-    "@fortawesome/fontawesome-common-types": "npm:^0.2.36"
-  checksum: 10/2fae46291b6fbf1c6be90d2f088d23a5c0046ed29befd8c3326550637de629fb6bcebce7e4394c0bed06a08eb5a63af4a6d3333c5e84b6409cb82e4c1165f07e
-  languageName: node
-  linkType: hard
-
-"@fortawesome/vue-fontawesome@npm:^3.0.0-2":
-  version: 3.0.6
-  resolution: "@fortawesome/vue-fontawesome@npm:3.0.6"
-  peerDependencies:
-    "@fortawesome/fontawesome-svg-core": ~1 || ~6
-    vue: ">= 3.0.0 < 4"
-  checksum: 10/26e78c067d52c5fd314706b34cac84c13be707b27ec36a278e42c5c3eb3f98ca952c594de699757b55f628b44a2daa2672977c92c91849823063ccecb85a87c6
-  languageName: node
-  linkType: hard
-
 "@funken-studio/sitemap-nuxt-3@npm:^4.0.4":
   version: 4.0.4
   resolution: "@funken-studio/sitemap-nuxt-3@npm:4.0.4"
@@ -7523,7 +7481,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/node@npm:^18.0.0, @types/node@npm:^18.19.121":
+"@types/node@npm:^18.0.0":
   version: 18.19.121
   resolution: "@types/node@npm:18.19.121"
   dependencies:
@@ -11887,11 +11845,11 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "create-vuestic@workspace:packages/create-vuestic"
   dependencies:
-    "@types/node": "npm:^18.19.121"
+    "@types/node": "npm:22.12.0"
     "@types/prompts": "npm:^2.4.2"
     chalk: "npm:^5.6.2"
     ora: "npm:^9.3.0"
-    pathe: "npm:2.0.3"
+    pathe: "npm:^2.0.3"
     prompts: "npm:^2.4.2"
     tsup: "npm:^8.5.1"
     tsx: "npm:^4.21.0"
@@ -21592,20 +21550,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pathe@npm:2.0.3, pathe@npm:^2.0.0, pathe@npm:^2.0.1, pathe@npm:^2.0.2, pathe@npm:^2.0.3":
-  version: 2.0.3
-  resolution: "pathe@npm:2.0.3"
-  checksum: 10/01e9a69928f39087d96e1751ce7d6d50da8c39abf9a12e0ac2389c42c83bc76f78c45a475bd9026a02e6a6f79be63acc75667df855862fe567d99a00a540d23d
-  languageName: node
-  linkType: hard
-
 "pathe@npm:^1.1.0, pathe@npm:^1.1.1, pathe@npm:^1.1.2":
   version: 1.1.2
   resolution: "pathe@npm:1.1.2"
   checksum: 10/f201d796351bf7433d147b92c20eb154a4e0ea83512017bf4ec4e492a5d6e738fb45798be4259a61aa81270179fce11026f6ff0d3fa04173041de044defe9d80
   languageName: node
   linkType: hard
 
+"pathe@npm:^2.0.0, pathe@npm:^2.0.1, pathe@npm:^2.0.2, pathe@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "pathe@npm:2.0.3"
+  checksum: 10/01e9a69928f39087d96e1751ce7d6d50da8c39abf9a12e0ac2389c42c83bc76f78c45a475bd9026a02e6a6f79be63acc75667df855862fe567d99a00a540d23d
+  languageName: node
+  linkType: hard
+
 "peek-stream@npm:^1.1.0":
   version: 1.1.3
   resolution: "peek-stream@npm:1.1.3"
@@ -23960,9 +23918,9 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"sass@npm:1.89.0":
-  version: 1.89.0
-  resolution: "sass@npm:1.89.0"
+"sass@npm:^1.97.3":
+  version: 1.97.3
+  resolution: "sass@npm:1.97.3"
   dependencies:
     "@parcel/watcher": "npm:^2.4.1"
     chokidar: "npm:^4.0.0"
@@ -23973,7 +23931,7 @@ __metadata:
       optional: true
   bin:
     sass: sass.js
-  checksum: 10/e8a5ce1a011fbbb20b454bd7db9d28527baae157c2a583c3ff68ca52f4fe97cec9a4ec18811e6509ef4199349286dce3c24c02a3536000d6e6107778f870435f
+  checksum: 10/707ef8e525ed32d375e737346140d4b675f44de208df996c2df3407f5e62f3f38226ea1faf41a9fd4b068201e67b3a7e152b9e9c3b098daa847dd480c735f038
   languageName: node
   linkType: hard
 
@@ -27878,15 +27836,9 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "vuestic-ui@workspace:packages/ui"
   dependencies:
-    "@babel/core": "npm:^7.12.3"
-    "@babel/plugin-transform-modules-commonjs": "npm:^7.12.1"
-    "@babel/preset-env": "npm:^7.12.1"
     "@faker-js/faker": "npm:^8.0.2"
     "@floating-ui/vue": "npm:^1.1.8"
     "@fortawesome/fontawesome-free": "npm:^6.1.1"
-    "@fortawesome/fontawesome-svg-core": "npm:^1.2.32"
-    "@fortawesome/free-solid-svg-icons": "npm:^5.15.1"
-    "@fortawesome/vue-fontawesome": "npm:^3.0.0-2"
     "@storybook/addon-essentials": "npm:^7.1.0"
     "@storybook/addon-interactions": "npm:^7.1.0"
     "@storybook/addon-links": "npm:^7.1.0"