@tanstack/vue-hotkeys 0.17.1 → 0.18.0

package/dist/HotkeysProviderContext.js

@@ -1,6 +1,6 @@
-import { AppHotkeysStore, publishAppHotkeysStore } from "@tanstack/hotkeys";
+import { publishAppHotkeysStore } from "@tanstack/hotkeys";
 import { computed, hasInjectionContext, inject, onMounted, onScopeDispose, provide, toValue, watch } from "vue";
-import { activateHotkeysProviderScope, getHotkeysProviderScopeKey, mergeHotkeysProviderDefaults } from "@tanstack/hotkeys/adapter";
+import { activateHotkeysProviderScope, createAppHotkeysStore, getHotkeysProviderScopeKey, mergeHotkeysProviderDefaults } from "@tanstack/hotkeys/adapter";
 
 //#region src/HotkeysProviderContext.ts
 const HotkeysContext = Symbol("HotkeysContext");
@@ -28,7 +28,7 @@ const DEFAULT_OPTIONS = {};
 function provideHotkeysContext(options = {}) {
 	const parent = inject(HotkeysContext, null);
 	const appHotkeys = toValue(options.appHotkeys);
-	const store = appHotkeys ? new AppHotkeysStore(appHotkeys, {
+	const store = appHotkeys ? createAppHotkeysStore(appHotkeys, {
 		customHotkeys: options.customHotkeys,
 		onCustomHotkeysChange: (custom) => options.onCustomHotkeysChange?.(custom)
 	}) : null;

package/dist/useHeldKeys.d.ts

@@ -3,8 +3,7 @@ import { Ref } from "vue";
 /**
  * Vue composable that returns a reactive ref of currently held keyboard keys.
  *
- * This composable uses `useSelector` from `@tanstack/vue-store` to subscribe
- * to the global KeyStateTracker and updates whenever keys are pressed
+ * This composable subscribes to the global KeyStateTracker and updates whenever keys are pressed
  * or released.
  *
  * @returns Reactive ref containing array of currently held key names

package/dist/useHeldKeys.js

@@ -5,8 +5,7 @@ import { getKeyStateTracker } from "@tanstack/hotkeys";
 /**
 * Vue composable that returns a reactive ref of currently held keyboard keys.
 *
-* This composable uses `useSelector` from `@tanstack/vue-store` to subscribe
-* to the global KeyStateTracker and updates whenever keys are pressed
+* This composable subscribes to the global KeyStateTracker and updates whenever keys are pressed
 * or released.
 *
 * @returns Reactive ref containing array of currently held key names

package/dist/useStoreSelector.js

@@ -1,14 +1,22 @@
-import { shallowRef } from "vue";
-import { useSelector } from "@tanstack/vue-store";
+import { onScopeDispose, shallowReadonly, shallowRef } from "vue";
 
 //#region src/useStoreSelector.ts
 /**
-* `useSelector` that does not subscribe during server rendering. Vue never
-* disposes component scopes on the server, so a subscription to a shared
-* store would never be released. The server gets the current value instead.
+* Subscribes to a store until the effect scope is disposed and returns a ref
+* to the selected value, which updates when it changes (by `===`).
+*
+* Does not subscribe during server rendering. Vue never disposes component
+* scopes on the server, so a subscription to a shared store would never be
+* released. The server gets the current value instead.
 */
-function useStoreSelector(source, selector) {
-	return typeof document === "undefined" ? shallowRef(selector(source.get())) : useSelector(source, selector);
+function useStoreSelector(store, selector) {
+	const selected = shallowRef(selector(store.get()));
+	if (typeof document === "undefined") return selected;
+	const { unsubscribe } = store.subscribe((state) => {
+		selected.value = selector(state);
+	});
+	onScopeDispose(unsubscribe);
+	return shallowReadonly(selected);
 }
 
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/vue-hotkeys",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "description": "Vue adapter for TanStack Hotkeys",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -38,8 +38,7 @@
     "skills"
   ],
   "dependencies": {
-    "@tanstack/hotkeys": "0.19.0",
-    "@tanstack/vue-store": "^0.11.2"
+    "@tanstack/hotkeys": "0.20.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.9",