Merge pull request #75 from bholmesdev/fix/query-view-transitions

fix: check for fallback when using view transitions event

Author: bholmesdev

.changeset/metal-sloths-occur.md

@@ -0,0 +1,5 @@
+---
+"simple-stack-query": patch
+---
+
+fixes issue where `$.ready` does not fire in Safari or Firefox when using Astro view transitions with `fallback="none"`

packages/query/src/internal.ts

@@ -25,7 +25,10 @@ export function create$(scope: typeof scopeFn) {
 			return [...document.querySelectorAll(selector)];
 		},
 		ready(callback: () => MaybePromise<undefined | (() => void)>) {
-			if (transitionEnabledOnThisPage()) {
+			const fallback = document
+				.querySelector('meta[name="astro-view-transitions-fallback"]')
+				?.getAttribute("content");
+			if (transitionEnabledOnThisPage() && fallback !== "none") {
 				let cleanup: (() => void) | undefined;
 
 				document.addEventListener("astro:page-load", async () => {