Как проверить, когда окно становится доступным? ⇐ Javascript

[Anonymous]

Я новичок в Sveltekit, и я не знаком с SSR. Недавно я узнал, что Window определяется только после того, как на стороне клиента была загружена, что можно определить с помощью onmount Hook.
Но вот кое-что, что я не ясно. Допустим, у меня есть следующий компонент: < /p>

Код: Выделить всё

const getRem = (rem: number) => rem *
parseFloat(getComputedStyle(document.documentElement).fontSize)
const sizeOfSomeOtherElement = getRem(4) // returns the px value of 4rem
const sizeOfThisElement = sizeOfSomeOtherElement * 0.5

Теперь я понимаю в этом конкретном примере, я могу просто использовать CSS Calc, но давайте притворяемся, что у меня есть , чтобы использовать значение JavaScript для аргумента. Здесь я хочу динамически получить значение rem , так как оно может быть иначе, основываясь на пользователе. Теперь я мог бы отложить рендеринг элемента и подождать, пока компонент не будет установлен один раз, как так: < /p>

Код: Выделить всё

let isLoaded = $state(false)
onMount(() => { isLoaded = true })
/* ... other conditionals ... */


{#if isLoaded)

{/if}
< /code>
Но это задерживает рендеринг компонента небольшим, но заметным количеством. Для меня это не подходящее решение, так как мне не нужно, чтобы компонент был установлен, мне просто нужно окно переменной 

, чтобы быть доступным, что, как я думаю, придет до установки. Я что -нибудь неправильно понимаю?

Подробнее здесь: https://stackoverflow.com/questions/795 ... -available