Fix - useObjectBindings composable - Use Ref return type

Author: graphieros

README.md

@@ -1082,17 +1082,16 @@ This package requires jspdf as a peer dependency. Please install it in your proj
 
 ## `useObjectBindings`
 
-A composable that **flattens** a reactive object into a set of computed refs—one for each “leaf” property—so you can easily bind to deeply nested values by their string paths.
+A composable that **flattens** a reactive object into a set of refs (one for each “leaf” property) so you can easily bind to deeply nested values by their string paths.
 
 ### Why use it?
 
-- **Automatic reactivity**: Every nested property becomes a `ComputedRef`, with automatic getters/setters that keep your source object in sync.
+- **Automatic reactivity**: Every nested property becomes a `Ref`, with automatic getters/setters that keep your source object in sync.
 - **Flat API surface**: Access or update any nested field by its dot‑delimited path, without writing deep destructuring or `ref` plumbing.
 - **Dynamic path support**: New paths added at runtime are discovered automatically (and proxied), so you never lose reactivity when mutating the structure.
 
 ```js
 import { useObjectBindings } from "vue-data-ui";
-import type { Ref, ComputedRef } from "vue";
 
 const config = ref({
   customPalette: ["#CCCCCC", "#1A1A1A"],
@@ -1106,11 +1105,11 @@ const config = ref({
 
 const bindings = useObjectBindings(config);
 // Now `bindings` has computed refs for each leaf path:
-//   bindings["style.chart.backgroundColor"] → ComputedRef<string>
-//   bindings["style.chart.color"] → ComputedRef<string>
-//   bindings["customPalette"] → ComputedRef<boolean>
-//   // by default, arrays are skipped:
-//   // no "customPalette.0", unless you disable skipArrays
+//   bindings["style.chart.backgroundColor"] → Ref<string>
+//   bindings["style.chart.color"] → Ref<string>
+//   bindings["customPalette"] → Ref<boolean>
+//   by default, arrays are skipped:
+//   no "customPalette.0", unless you disable skipArrays
 ```
 
 You can then use these in your template:

types/vue-data-ui.d.ts

@@ -1,5 +1,5 @@
 declare module "vue-data-ui" {
-    import { Ref, ComputedRef, DefineComponent } from "vue";
+    import { Ref, WritableComputedRef, DefineComponent } from "vue";
 
     export type VueUiUnknownObj = {
         [key: string]: unknown;
@@ -7690,7 +7690,7 @@ declare module "vue-data-ui" {
      * `ComputedRef` of the exact `PathValue<T,P>`.
      */
     export type TypedBindings<T extends object> = {
-        [P in Paths<T>]: ComputedRef<PathValue<T, P>>;
+        [P in Paths<T>]: WritableComputedRef<PathValue<T, P>>;
     };
 
     /**
@@ -7702,14 +7702,13 @@ declare module "vue-data-ui" {
      * @param configRef  A Vue `Ref<T>` holding your object.
      * @param options    Optional settings: `delimiter` (default `"."`) and `skipArrays` (default `true`).
      * @returns         A `TypedBindings<T>` whose keys are every “leaf” path in `T`
-     *                  and whose values are `ComputedRef` of the exact property type.
+     *                  and whose values are `WritableComputedRef` of the exact property type.
      * 
      * ___
      * @example
      * 
      * ```js
      *   import { useObjectBindings } from "vue-data-ui";
-     *   import type { Ref, ComputedRef } from "vue";
      *
      *   const config = ref({
      *     customPalette: ["#CCCCCC", "#1A1A1A"],