@absolutejs/absolute 0.19.0-beta.144 → 0.19.0-beta.145

package/dist/dev/client/handlers/vue.ts

@@ -192,11 +192,20 @@ export const handleVueUpdate = (message: {
 	// O(1) Vue HMR: import the changed module directly.
 	// __VUE_HMR_RUNTIME__.reload() inside the module hot-swaps the
 	// component in place — same pattern as React Fast Refresh.
-	// No unmount/remount, state preserved by Vue runtime.
 	const pageModuleUrl = message.data.pageModuleUrl;
 	if (pageModuleUrl) {
 		const clientStart = performance.now();
 		const modulePath = `${pageModuleUrl}?t=${Date.now()}`;
+
+		// When a composable/utility file changed (not the .vue file itself),
+		// force a full page reload so setup() re-runs with the new composable.
+		// Vue's rerender only swaps the template, not the setup closure.
+		if (message.data.forceReload) {
+			window.location.reload();
+
+			return;
+		}
+
 		import(modulePath)
 			.then(() => {
 				sessionStorage.removeItem('__HMR_ACTIVE__');

package/dist/index.js

@@ -203867,11 +203867,6 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   const nonVueFiles = filesToRebuild.filter((file4) => !file4.endsWith(".vue") && detectFramework(file4, state.resolvedPaths) === "vue");
   for (const tsFile of nonVueFiles) {
     const affected = getAffectedFiles(state.dependencyGraph, tsFile);
-    if (affected.length > 0) {
-      logWarn(`Vue composable change: ${basename8(tsFile)} affects ${affected.length} files: ${affected.map((f) => basename8(f)).join(", ")}`);
-    } else {
-      logWarn(`Vue composable change: ${basename8(tsFile)} has no dependents in graph`);
-    }
     for (const dep of affected) {
       if (dep.endsWith(".vue") && !vueFiles.includes(dep)) {
         vueFiles.push(dep);
@@ -203889,6 +203884,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
       }
     }
     const serverDuration = Date.now() - startTime;
+    const forceReload = nonVueFiles.length > 0;
     for (const changedFile of vueFiles) {
       const pageModuleUrl = await getModuleUrl(changedFile);
       state.lastHmrPath = changedFile;
@@ -203896,6 +203892,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
       broadcastToClients(state, {
         data: {
           changeType: "full",
+          forceReload,
           framework: "vue",
           manifest: state.manifest,
           pageModuleUrl,
@@ -205757,5 +205754,5 @@ export {
   ANGULAR_INIT_TIMEOUT_MS
 };
 
-//# debugId=8AD2297F2572BB4E64756E2164756E21
+//# debugId=AEAC9DD46352BA7B64756E2164756E21
 //# sourceMappingURL=index.js.map