@vesperjs/vue 0.1.8 → 0.1.9

package/dist/index.d.mts

@@ -1,13 +1,13 @@
-import * as _vue_reactivity0 from "@vue/reactivity";
+import * as _$_vue_reactivity0 from "@vue/reactivity";
 import { ComputedGetter, DebuggerEvent, DebuggerOptions, OnCleanup, ReactiveEffect, Ref, ShallowUnwrapRef, UnwrapNestedRefs, WatchCallback, WatchStopHandle, WritableComputedOptions, WritableComputedRef, computed } from "@vue/reactivity";
 import { FetchError, FetchOptions, FetchResponse } from "ofetch";
-import * as vue_i18n0 from "vue-i18n";
-import * as _nanostores_router0 from "@nanostores/router";
+import * as _$vue_i18n0 from "vue-i18n";
+import * as _$_nanostores_router0 from "@nanostores/router";
 import { Router, RouterConfig } from "@nanostores/router";
 
 //#region src/composables/backend/api/use-api-constants.d.ts
 declare const useApiConstants: () => {
-  baseURL: _vue_reactivity0.WritableComputedRef<string, string>;
+  baseURL: _$_vue_reactivity0.WritableComputedRef<string, string>;
 };
 //#endregion
 //#region src/composables/backend/api/use-ofetch.d.ts
@@ -102,7 +102,7 @@ declare const useExternalErrors: <P extends string>({
 }: {
   flash: Ref<Flash>;
 }) => {
-  externalErrors: _vue_reactivity0.WritableComputedRef<Partial<Record<P, string[]>>, Partial<Record<P, string[]>>>;
+  externalErrors: _$_vue_reactivity0.WritableComputedRef<Partial<Record<P, string[]>>, Partial<Record<P, string[]>>>;
   clearExternalErrors: () => void;
   isSuccess: () => boolean;
 };
@@ -131,6 +131,13 @@ declare const useAlert: <BER extends object = BackendErrorResource>({
 };
 type UseAlertType = ReturnType<typeof useAlert>;
 //#endregion
+//#region src/composables/ui/dom/use-element.d.ts
+declare const useElement: <EL extends Element, P extends string>(el: EL | undefined | null, {
+  property
+}: {
+  property: P;
+}) => Record<P, Ref<string, string | null | undefined>>;
+//#endregion
 //#region src/composables/util/use-date.d.ts
 declare const useDate: () => {
   isValidDate: (str: string) => boolean;
@@ -154,7 +161,7 @@ declare const useEntity: <M extends object, R extends object = M>() => {
 //#endregion
 //#region src/composables/use-flash.d.ts
 declare const useFlash: () => {
-  flash: _vue_reactivity0.Ref<{
+  flash: _$_vue_reactivity0.Ref<{
     notice?: string | undefined;
     alert?: string | undefined;
   }, Flash | {
@@ -21623,14 +21630,14 @@ declare const useLocale: () => {
 //#endregion
 //#region src/composables/use-nano-route.d.ts
 declare const useNanoRoute: <T extends RouterConfig>(router: Router<T>) => {
-  params: _nanostores_router0.ParamsFromConfig<T>[string] | _nanostores_router0.ParamsFromConfig<T>[number] | _nanostores_router0.ParamsFromConfig<T>[symbol] | undefined;
+  params: _$_nanostores_router0.ParamsFromConfig<T>[string] | _$_nanostores_router0.ParamsFromConfig<T>[number] | _$_nanostores_router0.ParamsFromConfig<T>[symbol] | undefined;
   query: Record<string, string> | undefined;
   path: string | undefined;
 };
 type UseNanoRouteType = ReturnType<typeof useNanoRoute>;
 //#endregion
 //#region src/i18n/i18n.d.ts
-declare const i18n: vue_i18n0.I18n<{
+declare const i18n: _$vue_i18n0.I18n<{
   en: {
     backend: {
       error: {
@@ -21651,4 +21658,4 @@ declare const i18n: vue_i18n0.I18n<{
   };
 }, {}, {}, string, false>;
 //#endregion
-export { type BackendErrorInfo, type BackendErrorResource, type ErrorMessages, type ErrorsResource, type Flash, type UseAlertType, type UseFlashType, type UseNanoRouteType, i18n, useAlert, useApiConstants, useDate, useEntity, useExternalErrors, useFlash, useLocale, useMutationApi, useNanoRoute, useOFetch, useQueryApi };
+export { type BackendErrorInfo, type BackendErrorResource, type ErrorMessages, type ErrorsResource, type Flash, type UseAlertType, type UseFlashType, type UseNanoRouteType, i18n, useAlert, useApiConstants, useDate, useElement, useEntity, useExternalErrors, useFlash, useLocale, useMutationApi, useNanoRoute, useOFetch, useQueryApi };

package/dist/index.mjs

@@ -233,6 +233,21 @@ const useAlert = function({ flash, caller }) {
 	};
 };
 //#endregion
+//#region src/composables/ui/dom/use-element.ts
+const useElement = function(el, { property }) {
+	const propertyRef = computed({
+		get() {
+			return el && property in el ? el[property] : "";
+		},
+		set(value) {
+			if (el && property in el) el[property] = value ?? "";
+		}
+	});
+	const obj = {};
+	obj[property] = propertyRef;
+	return obj;
+};
+//#endregion
 //#region src/composables/util/use-date.ts
 const useDate = function() {
 	const isValidDate = (str) => {
@@ -279,4 +294,4 @@ const useNanoRoute = function(router) {
 	};
 };
 //#endregion
-export { i18n, useAlert, useApiConstants, useDate, useEntity, useExternalErrors, useFlash, useLocale, useMutationApi, useNanoRoute, useOFetch, useQueryApi };
+export { i18n, useAlert, useApiConstants, useDate, useElement, useEntity, useExternalErrors, useFlash, useLocale, useMutationApi, useNanoRoute, useOFetch, useQueryApi };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vesperjs/vue",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "keywords": [
     "vue.js"
   ],
@@ -36,7 +36,7 @@
     "eslint": "^9.39.4",
     "eslint-plugin-vue": "^10.8.0",
     "oxfmt": "^0.42.0",
-    "tsdown": "^0.21.5",
+    "tsdown": "^0.21.6",
     "typescript": "^5.9.3"
   },
   "scripts": {