시작하기
프로젝트에 Runed를 설치하고 사용하는 방법을 알아보세요.
설치
선호하는 패키지 매니저를 사용하여 Runed를 설치하세요:
npm install runed
사용법
필요한 유틸리티 중 하나를 .svelte 또는 .svelte.js|ts 파일로 가져와서 사용을 시작하세요:
<script lang="ts">
import { activeElement } from "runed";
let inputElement = $state<HTMLInputElement | undefined>();
</script>
<input bind:this={inputElement} />
{#if activeElement.current === inputElement}
The input element is active!
{/if}
또는
import { activeElement } from "runed";
function logActiveElement() {
$effect(() => {
console.log("Active element is ", activeElement.current);
});
}
logActiveElement();