svelte-autokana

ふりがなを自動で入力するためのSvelte Action

Installation

npm i svelte-autokana

pnpm add svelte-autokana

Usage

<script lang="ts">
    import { autoKana } from 'svelte-autokana'

    // runes mode
    let kanaInput = $state<HTMLInputElement>()!

    // legacy mode
    let kanaInput: HTMLInputElement
</script>

<label for="name">名前</label>
<input id="name" type="text" use:autoKana={{ kanaInput }} />

<label for="nameKana">名前（かな）</label>
<input id="nameKana" type="text" bind:this={kanaInput} />

Parameters