tick 문구를 제거해도 적용된것처럼 나옵니다.

<script>
function handler() {
name = 'heropy';
const h1 = document.querySelector('h1');
console.log(h1);
}
</script>
<h1 on:click={handler}>{name}</h1>

===> world 출력

--------------------------------------------------------

<script>
import { tick } from 'svelte';
function handler() {
name = 'heropy';
                tick();
const h1 = document.querySelector('h1');
console.log(h1);
}
</script>
<h1 on:click={handler}>{name}</h1>

===> <h1>heropy</h1>출력

----------------------------------------------------

<script>
function handler() {
name = 'heropy';
const h1 = document.querySelector('h1');
console.log(h1);
}
</script>
<h1 on:click={handler}>{name}</h1>

===> <h1>heropy</h1>출력

3번째 실행해서 서버 실행을 멈추고 npm run dev를 해도
브라우저 캐시를 지워도 
다른 브라우저로 들어가도 다시 world 가 안 나올까요 ?
tick 문구를 지우면 원래대도 나와야 정상일것 같은데...
왜 적용이 안 사라지는지 모르겠습니다.