RomanNum3ral
/
vert
mirror of https://github.com/VERT-sh/VERT.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: effects store race condition

This commit is contained in:
Maya 2025-07-25 14:40:00 +03:00
parent 31d831457a
commit 6fb6593c21
No known key found for this signature in database
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/lib/animation/index.ts
View File

@ -12,15 +12,14 @@ import {
let effectsEnabled = true;
let isMobileDevice = false;
// FIXME: there is sometimes an issue in dev where subscribing to the store just breaks everything? (.subscribe() not existing on effects, somehow)
// you gotta restart the dev server to fix and it only seems to happen in dev. somehow effects being called before its defined?
export function initStores() {
effects.subscribe((value) => {
effectsEnabled = value;
});
isMobile.subscribe((value) => {
isMobileDevice = value;
});
}
export const transition =
"linear(0,0.006,0.025 2.8%,0.101 6.1%,0.539 18.9%,0.721 25.3%,0.849 31.5%,0.937 38.1%,0.968 41.8%,0.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001)";

3
src/routes/+layout.svelte
View File

@ -23,6 +23,7 @@
import "$lib/css/app.scss";
import { browser } from "$app/environment";
import { page } from "$app/state";
import { initStores as initAnimStores } from "$lib/animation/index.js";
let { children, data } = $props();
let enablePlausible = $state(false);
@ -60,6 +61,8 @@
};
onMount(() => {
initAnimStores();
isMobile.set(window.innerWidth <= 768);
window.addEventListener("resize", () => {
isMobile.set(window.innerWidth <= 768);