deploy: 2651d91

Author: dhh

reference/actions.html

@@ -492,7 +492,7 @@ <h2 id="multiple-actions"><a class="anchor" href="#multiple-actions">﹟</a> Mul
 <pre class="language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text<span class="token punctuation">"</span></span> <span class="token attr-name">data-action</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>focus->field#highlight input->search#update<span class="token punctuation">"</span></span><span class="token punctuation">></span></span></code></pre>
 <p>When an element has more than one action for the same event, Stimulus invokes the actions from left to right in the order that their descriptors appear.</p>
 <p>The action chain can be stopped at any point by calling <code>Event#stopImmediatePropagation()</code> within an action. Any additional actions to the right will be ignored:</p>
-<pre class="language-javascript"><code class="language-javascript"><span class="token function-variable function">highlight</span><span class="token operator">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token punctuation">{</span><br>  event<span class="token punctuation">.</span><span class="token function">stopImmediatePropagation</span><span class="token punctuation">(</span><span class="token punctuation">)</span><br>  <span class="token comment">// ...</span><br><span class="token punctuation">}</span></code></pre>
+<pre class="language-javascript"><code class="language-javascript"><span class="token function">highlight</span><span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token punctuation">{</span><br>  event<span class="token punctuation">.</span><span class="token function">stopImmediatePropagation</span><span class="token punctuation">(</span><span class="token punctuation">)</span><br>  <span class="token comment">// ...</span><br><span class="token punctuation">}</span></code></pre>
 <h2 id="naming-conventions"><a class="anchor" href="#naming-conventions">﹟</a> Naming Conventions</h2>
 <p>Always use camelCase to specify action names, since they map directly to methods on your controller.</p>
 <p>Avoid action names that simply repeat the event’s name, such as <code>click</code>, <code>onClick</code>, or <code>handleClick</code>:</p>

reference/targets.html

@@ -221,7 +221,7 @@ <h2 id="connected-and-disconnected-callbacks"><a class="anchor" href="#connected
 with a matching name, the corresponding callback <em>will not</em> be invoked again.</p>
 <h2 id="naming-conventions"><a class="anchor" href="#naming-conventions">﹟</a> Naming Conventions</h2>
 <p>Always use camelCase to specify target names, since they map directly to properties on your controller:</p>
-<pre class="language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">data-search-target</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>camelCase<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <br><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">data-search-target</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>do-not-do-this<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code></pre>
+<pre class="language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">data-search-target</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>camelCase<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span><br><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">data-search-target</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>do-not-do-this<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span></code></pre>
 <pre class="language-js"><code class="language-js"><span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token keyword">class</span> <span class="token class-name">extends</span> Controller <span class="token punctuation">{</span><br>  <span class="token keyword">static</span> targets <span class="token operator">=</span> <span class="token punctuation">[</span> <span class="token string">"camelCase"</span> <span class="token punctuation">]</span>  <br><span class="token punctuation">}</span></code></pre>
 <p><a class="button" href="/reference/outlets">Next: Outlets</a></p></section>