Fix mobile Safari reload loop by persisting config cache in window object
All checks were successful
Build And Push Image / docker (push) Successful in 2m56s

- Store config cache in window.__configCache instead of module-level variable to maintain persistence across Vue reactivity cycles
- Fix cardClasses ref to store computed value instead of function
- Add client plugin for config cache initialization
- Add documentation for mobile Safari reload loop fix
This commit is contained in:
2025-08-10 16:09:15 +02:00
parent 0774e16fb2
commit 86977ca92a
4 changed files with 318 additions and 20 deletions

View File

@@ -234,13 +234,13 @@ useHead({
// Static CSS classes - computed once, never reactive
const containerClasses = ref(getDeviceCssClasses('signup-container'));
const cardClasses = ref(() => {
const cardClasses = ref((() => {
const classes = ['signup-card'];
if (deviceInfo.isMobileSafari) {
classes.push('performance-optimized', 'no-backdrop-filter');
}
return classes.join(' ');
});
})()); // Execute immediately and store the result, not the function
// Form data - individual refs to prevent Vue reactivity corruption
const firstName = ref('');