chore: up deps (#4)

* chore: up deps

* chore: fix types

* chore: up netlify node version

docs/package.json

@@ -11,10 +11,10 @@
     "hoci": "workspace:*"
   },
   "devDependencies": {
-    "@iconify-json/carbon": "^1.1.30",
+    "@iconify-json/carbon": "^1.1.36",
     "scss": "^0.2.4",
-    "unocss": "^0.58.5",
-    "unplugin-vue-components": "^0.26.0",
-    "vitepress": "^1.0.0-rc.44"
+    "unocss": "^0.61.0",
+    "unplugin-vue-components": "^0.27.1",
+    "vitepress": "^1.2.3"
   }
 }

netlify.toml

@@ -4,7 +4,7 @@ command = "pnpm install && pnpm -w run deploy"
 
 [build.environment]
 NETLIFY_USE_PNPM = "true"
-NODE_VERSION = "16"
+NODE_VERSION = "18"
 
 [functions]
 node_bundler = "esbuild"

package.json

@@ -3,7 +3,7 @@
   "type": "module",
   "version": "0.5.9",
   "private": true,
-  "packageManager": "pnpm@8.15.3",
+  "packageManager": "pnpm@9.4.0",
   "description": "hook ui .",
   "author": "Chizuki <[email protected]>",
   "license": "MIT",
@@ -39,27 +39,28 @@
     "deploy": "pnpm build && pnpm build:docs"
   },
   "devDependencies": {
-    "@curev/eslint-config": "^0.3.5",
-    "@types/node": "^20.11.19",
-    "bumpp": "^9.3.0",
-    "eslint": "^8.56.0",
-    "lint-staged": "^15.2.2",
-    "nolyfill": "^1.0.29",
-    "prettier": "^3.2.5",
-    "rimraf": "^5.0.5",
-    "simple-git-hooks": "^2.9.0",
-    "taze": "^0.13.3",
-    "typescript": "^5.3.3",
+    "@curev/eslint-config": "^0.3.7",
+    "@types/node": "^20.14.9",
+    "bumpp": "^9.4.1",
+    "eslint": "^8.57.0",
+    "lint-staged": "^15.2.7",
+    "nolyfill": "^1.0.31",
+    "prettier": "^3.3.2",
+    "rimraf": "^5.0.7",
+    "simple-git-hooks": "^2.11.1",
+    "taze": "^0.13.8",
+    "typescript": "^5.5.2",
     "unbuild": "^2.0.0",
     "vitepress": "1.0.0-rc.44",
-    "vitest": "^1.3.1"
+    "vitest": "^1.6.0"
   },
   "pnpm": {
     "overrides": {
       "array-includes": "npm:@nolyfill/array-includes@latest",
       "array.prototype.flat": "npm:@nolyfill/array.prototype.flat@latest",
       "array.prototype.flatmap": "npm:@nolyfill/array.prototype.flatmap@latest",
       "has": "npm:@nolyfill/has@latest",
+      "hasown": "npm:@nolyfill/hasown@latest",
       "object.values": "npm:@nolyfill/object.values@latest"
     }
   },

packages/core/src/affix-target/component.ts

@@ -4,7 +4,7 @@ import { provideAffixTarget } from "../affix";
 export const HiAffixTarget = defineComponent({
   name: "HiAffixTarget",
   setup(_, context) {
-    const targetRef = ref<HTMLElement | null>(null);
+    const targetRef = ref<HTMLElement>();
     provideAffixTarget(targetRef);
     return () => h("div", {
       ref: targetRef,

packages/core/src/affix/index.ts

@@ -32,7 +32,7 @@ export const affixProps = defineHookProps(
      */
     target: {
       type: [String, Object, Function] as PropType<
-      string | HTMLElement
+        string | Element | (() => Element | null | undefined)
       >
     },
     /**
@@ -64,7 +64,7 @@ function getTargetRect(target: Element | Window) {
 export const useAffix = defineHookComponent({
   props: affixProps,
   setup(props, { emit }) {
-    const wrapperRef = ref<HTMLElement | null>(null);
+    const wrapperRef = ref<HTMLElement>();
 
     const wrapperRect = toReactive(useElementBounding(wrapperRef));
 

packages/hoci/package.json

@@ -41,6 +41,6 @@
     "@hoci/core": "workspace:*"
   },
   "optionalDependencies": {
-    "unplugin-vue-components": "^0.26.0"
+    "unplugin-vue-components": "^0.27.1"
   }
 }

packages/shared/package.json

@@ -34,6 +34,6 @@
   "dependencies": {
     "defu": "^6.1.4",
     "maybe-types": "^0.2.0",
-    "type-fest": "^4.10.2"
+    "type-fest": "^4.20.1"
   }
 }

packages/shared/src/composables/element.ts

@@ -3,7 +3,7 @@ import { useMounted } from "@vueuse/core";
 import { computed } from "vue";
 import { toRef } from "./vueuse";
 
-export function useElement<E extends Element = HTMLElement>(elementSelector: MaybeRefOrGetter<string | Element | undefined | null>, defaultValue?: Ref<E | null | undefined> | MaybeRefOrGetter<E | null | undefined>) {
+export function useElement<E extends Element = HTMLElement>(elementSelector: MaybeRefOrGetter<string | Element | undefined | null>, defaultValue?: Ref<E | null | undefined> | MaybeRefOrGetter<E | null | undefined>): Ref<E | null | undefined> {
   const selectorRef = toRef(elementSelector);
   const defaultRef = toRef(defaultValue);
   const isMounted = useMounted();

playground/package.json

@@ -12,16 +12,16 @@
   },
   "dependencies": {
     "hoci": "workspace:*",
-    "vue": "^3.4.19"
+    "vue": "^3.4.30"
   },
   "devDependencies": {
-    "@types/node": "^20.11.19",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vitejs/plugin-vue-jsx": "^3.1.0",
-    "sass": "^1.71.1",
-    "typescript": "^5.3.3",
-    "unocss": "^0.58.5",
-    "unplugin-vue-components": "^0.26.0",
-    "vite": "^5.1.4"
+    "@types/node": "^20.14.9",
+    "@vitejs/plugin-vue": "^5.0.5",
+    "@vitejs/plugin-vue-jsx": "^4.0.0",
+    "sass": "^1.77.6",
+    "typescript": "^5.5.2",
+    "unocss": "^0.61.0",
+    "unplugin-vue-components": "^0.27.1",
+    "vite": "^5.3.1"
   }
 }