@gradin/vue-utils 1.0.3 → 1.0.4

package/dist/footer-year.d.ts

@@ -0,0 +1,4 @@
+export declare const currentYear: number;
+export declare const releaseYear: number;
+export declare const footerYear: string;
+export declare const yearsSinceRelease: number[];

package/dist/footer-year.js

@@ -1,6 +1,5 @@
-var _a, _b;
 export const currentYear = new Date().getFullYear();
-export const releaseYear = Number((_b = ((_a = import.meta.env) === null || _a === void 0 ? void 0 : _a.VITE_APP_RELEASE_YEAR)) !== null && _b !== void 0 ? _b : 0) || currentYear;
+export const releaseYear = Number((import.meta.env?.VITE_APP_RELEASE_YEAR) ?? 0) || currentYear;
 export const footerYear = releaseYear === currentYear ? `${currentYear}` : `${releaseYear}-${currentYear}`;
 export const yearsSinceRelease = currentYear - releaseYear > 0
     ? Array.from({ length: currentYear - releaseYear + 1 }, (_, i) => currentYear - i)

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { resetableReactive } from "./resetable-reactive.js";
+export declare const gReactive: <T extends object>(data: T) => T & {
+    reset: () => void;
+    set: (newValue: Partial<T>) => void;
+};
+export { currentYear, footerYear, releaseYear, yearsSinceRelease } from "./footer-year.js";
+export { whenRouteChange } from "./when-route-change.js";

package/dist/resetable-reactive.d.ts

@@ -0,0 +1,4 @@
+export declare const resetableReactive: <T extends object>(data: T) => T & {
+    reset: () => void;
+    set: (newValue: Partial<T>) => void;
+};

package/dist/resetable-reactive.js

@@ -1,6 +1,6 @@
 import { reactive } from "vue";
 export const resetableReactive = (data) => {
-    const initialValue = Object.assign({}, data);
+    const initialValue = { ...data };
     const form = reactive(data);
     Object.defineProperty(form, 'reset', {
         value: () => {

package/dist/when-route-change.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Watch the route full path, and trigger callback when query / params change
+ * but don't trigger when route name change (move away to other page).
+ * Optional watchSource to watch just specific part of the route (not fullPath).
+ */
+export declare const whenRouteChange: (callback: () => void, watchSource?: () => unknown) => void;

package/dist/when-route-change.js

@@ -9,7 +9,7 @@ export const whenRouteChange = (callback, watchSource) => {
     const route = useRoute();
     const routeName = route.name; // cache route name
     const watchRouteParamsAndQuery = () => JSON.stringify([route.query, route.params]);
-    watch(watchSource !== null && watchSource !== void 0 ? watchSource : watchRouteParamsAndQuery, () => {
+    watch(watchSource ?? watchRouteParamsAndQuery, () => {
         if (route.name === routeName) {
             callback();
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gradin/vue-utils",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Useful utilities for Vue projects.",
   "type": "module",
   "main": "dist/index.js",
@@ -35,16 +35,16 @@
   },
   "homepage": "https://github.com/gradints/vue-utils#readme",
   "dependencies": {
-    "vue": "^3.5.30"
+    "vue": "^3.5.40"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
     "@stylistic/eslint-plugin": "^5.10.0",
-    "eslint-plugin-simple-import-sort": "^12.1.1",
-    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.57.2"
+    "eslint-plugin-simple-import-sort": "^14.0.0",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.65.0"
   },
   "peerDependencies": {
-    "vue-router": "^4.6.3 || ^5.0.0"
+    "vue-router": "^4.6.3 || ^5.2.0"
   }
-}
+}