import { Controller } from "@hotwired/stimulus"
export default class extends Controller {
 static targets = ["checkbox"]
 connect() {
 console.log("Toggle controller connected")
 }
 toggle() {
 console.log("Toggle clicked, checked:", this.checkboxTarget.checked)
 
 const url = new URL(window.location)
 
 if (this.checkboxTarget.checked) {
 url.searchParams.delete('show_read')
 } else {
 url.searchParams.set('show_read', 'false')
 }
 
 console.log("Navigating to:", url.toString())
 window.location.href = url.toString()
 }
}
</div><div class="naked_ctrl">
<form action="/index.cgi/larger-text" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://topenddevs.com/assets/controllers/toggle_controller-da93301d.js">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://topenddevs.com/assets/controllers/toggle_controller-da93301d.js" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast">配色反転</option>
<option value="larger-text" selected="selected">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>