@j1nn0/vanilla-autokana 2.2.0 → 2.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +29 -34
  2. package/package.json +13 -13
package/README.md CHANGED
@@ -31,13 +31,13 @@ npm i @j1nn0/vanilla-autokana # or yarn add @j1nn0/vanilla-autokana
31
31
  - ライブラリ本体はDOMのライフサイクルイベントに依存しないため、ライブラリの読み込みには`defer`属性の追加を推奨します
32
32
 
33
33
  ```html
34
- <input name="name" id="name">
35
- <input name="furigana" id="furigana">
34
+ <input name="name" id="name" />
35
+ <input name="furigana" id="furigana" />
36
36
  <script src="autokana.umd.js" defer></script>
37
37
  <script>
38
- document.addEventListener("DOMContentLoaded", function() {
38
+ document.addEventListener('DOMContentLoaded', function () {
39
39
  // ひらがなで出力（デフォルト）
40
- AutoKana.bind("#name", "#furigana");
40
+ AutoKana.bind('#name', '#furigana');
41
41
  // 全角カタカナで出力したい場合
42
42
  // AutoKana.bind("#name", "#furigana", { katakana: 'full' });
43
43
  // 半角カタカナで出力したい場合
@@ -94,11 +94,11 @@ AutoKana.bind('#name', '#furigana');
94
94
  <div id="app">
95
95
  <div>
96
96
  <label for="name">名前</label>
97
- <input name="name" id="name" v-model="name">
97
+ <input name="name" id="name" v-model="name" />
98
98
  </div>
99
99
  <div>
100
100
  <label for="furigana">ふりがな</label>
101
- <input name="furigana" id="furigana" v-model="furigana">
101
+ <input name="furigana" id="furigana" v-model="furigana" />
102
102
  </div>
103
103
  <h2>入力内容の確認</h2>
104
104
  <p>名前: {{ name }}</p>
@@ -107,24 +107,24 @@ AutoKana.bind('#name', '#furigana');
107
107
  </template>
108
108
 
109
109
  <script setup>
110
- import { ref, onMounted, onUnmounted } from 'vue';
111
- import { bind } from '@j1nn0/vanilla-autokana';
110
+ import { ref, onMounted, onUnmounted } from 'vue';
111
+ import { bind } from '@j1nn0/vanilla-autokana';
112
112
 
113
- const name = ref('');
114
- const furigana = ref('');
115
- let autokana;
113
+ const name = ref('');
114
+ const furigana = ref('');
115
+ let autokana;
116
116
 
117
- onMounted(() => {
118
- autokana = bind('#name', '#furigana', {
119
- onChange: (value) => {
120
- furigana.value = value;
121
- },
122
- });
117
+ onMounted(() => {
118
+ autokana = bind('#name', '#furigana', {
119
+ onChange: (value) => {
120
+ furigana.value = value;
121
+ },
123
122
  });
123
+ });
124
124
 
125
- onUnmounted(() => {
126
- autokana?.destroy();
127
- });
125
+ onUnmounted(() => {
126
+ autokana?.destroy();
127
+ });
128
128
  </script>
129
129
  ```
130
130
 
@@ -133,7 +133,7 @@ AutoKana.bind('#name', '#furigana');
133
133
 
134
134
  ```html
135
135
  <!-- 非推奨: getFurigana() のポーリング -->
136
- <input name="name" id="name" v-model="name" @input="handleNameInput">
136
+ <input name="name" id="name" v-model="name" @input="handleNameInput" />
137
137
  ```
138
138
 
139
139
  ### React.jsと組み合わせる
@@ -164,12 +164,7 @@ function App() {
164
164
  <div className="App">
165
165
  <div>
166
166
  <label htmlFor="name">名前</label>
167
- <input
168
- name="name"
169
- id="name"
170
- value={name}
171
- onInput={(e) => setName(e.target.value)}
172
- />
167
+ <input name="name" id="name" value={name} onInput={(e) => setName(e.target.value)} />
173
168
  </div>
174
169
  <div>
175
170
  <label htmlFor="furigana">ふりがな</label>
@@ -191,20 +186,20 @@ v2.0.0 で `katakana` オプションの値が変更されました。
191
186
 
192
187
  ### 変更点
193
188
 
194
- | 変更前 (v1) | 変更後 (v2) |
195
- |-------------|-------------|
196
- | `katakana: false` | `katakana: 'hiragana'` |
197
- | `katakana: 'full'` | `katakana: 'full'`（変更なし） |
198
- | `katakana: 'half'` | `katakana: 'half'`（変更なし） |
189
+ | 変更前 (v1) | 変更後 (v2) |
190
+ | ----------------- | -------------------------- |
191
+ | `katakana: false` | `katakana: 'hiragana'` |
192
+ | `katakana: treu` | `katakana: 'full'` |
193
+ | なし | `katakana: 'half'`（新設） |
199
194
 
200
195
  ### 移行手順
201
196
 
202
197
  ```js
203
198
  // v1
204
- AutoKana.bind('#name', '#furigana', { katakana: false });
199
+ AutoKana.bind('#name', '#furigana', { katakana: true });
205
200
 
206
201
  // v2
207
- AutoKana.bind('#name', '#furigana', { katakana: 'hiragana' });
202
+ AutoKana.bind('#name', '#furigana', { katakana: 'full' });
208
203
  ```
209
204
 
210
205
  ## ライセンス
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@j1nn0/vanilla-autokana",
3
- "version": "2.2.0",
3
+ "version": "2.2.2",
4
4
  "description": "A JavaScript library to complete furigana automatically (forked from ryo-utsunomiya/vanilla-autokana).",
5
5
  "author": "j1nn0 <j1nn0.github@gmail.com>",
6
6
  "contributors": [
@@ -45,24 +45,24 @@
45
45
  "provenance": true
46
46
  },
47
47
  "devDependencies": {
48
- "@storybook/html": "^10.4.2",
49
- "@storybook/html-vite": "^10.4.2",
50
- "@types/node": "^25.9.2",
48
+ "@storybook/html": "^10.4.6",
49
+ "@storybook/html-vite": "^10.4.6",
50
+ "@types/node": "^26.0.1",
51
51
  "@types/react": "^19.2.17",
52
52
  "@types/react-dom": "^19.2.3",
53
- "@vitejs/plugin-react": "^6.0.2",
54
- "@vitest/coverage-v8": "4.1.8",
53
+ "@vitejs/plugin-react": "^6.0.3",
54
+ "@vitest/coverage-v8": "4.1.9",
55
55
  "jsdom": "^29.1.1",
56
- "oxfmt": "^0.53.0",
57
- "oxlint": "^1.68.0",
56
+ "oxfmt": "^0.57.0",
57
+ "oxlint": "^1.72.0",
58
58
  "react": "^19.2.7",
59
59
  "react-dom": "^19.2.7",
60
- "storybook": "^10.4.2",
60
+ "storybook": "^10.4.6",
61
61
  "typescript": "^6.0.2",
62
- "unplugin-dts": "^1.0.2",
63
- "vite": "^8.0.16",
64
- "vitest": "^4.1.8",
65
- "vue": "^3.5.35"
62
+ "unplugin-dts": "^1.0.3",
63
+ "vite": "^8.1.0",
64
+ "vitest": "^4.1.9",
65
+ "vue": "^3.5.39"
66
66
  },
67
67
  "scripts": {
68
68
  "build": "vite build && node scripts/prepare-cjs-types.mjs",