Touch up documentation

hotwired · Apr 8, 2021 · 21f2ca2 · 21f2ca2
1 parent 770b2fd
commit 21f2ca2
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 10 deletions.
diff --git a/docs/reference/targets.md b/docs/reference/targets.md
@@ -99,15 +99,18 @@ Stimulus invokes each element callback any time its target elements are added or
 
 ```js
 export default class extends Controller {
-  static targets = [ "input" ]
+  static targets = [ "item" ]
 
-  inputTargetConnected(element) {
-    element.classList.add("added-animation")
+  itemTargetConnected(element) {
+    this.sortElements(this.itemTargets)
   }
 
-  inputTargetDisconnected(element) {
-    element.classList.add("removed-animation")
+  itemTargetDisconnected(element) {
+    this.sortElements(this.itemTargets)
   }
+
+  // Private
+  sortElements(itemTargets) { /* ... */ }
 }
 ```
 

diff --git a/packages/@stimulus/core/src/target_properties.ts b/packages/@stimulus/core/src/target_properties.ts
@@ -33,6 +33,6 @@ function propertiesForTargetDefinition(name: string) {
       get(this: Controller) {
         return this.targets.has(name)
       }
-    },
+    }
   }
 }
diff --git a/packages/@stimulus/examples/controllers/content_loader_controller.js b/packages/@stimulus/examples/controllers/content_loader_controller.js
@@ -12,12 +12,12 @@ export default class extends Controller {
     }
   }
 
-  itemTargetAdded(target) {
-    console.log("itemTargetAdded:", target)
+  itemTargetConnected(target) {
+    console.log("itemTargetConnected:", target)
   }
 
-  itemTargetRemoved(target) {
-    console.log("itemTargetRemoved:", target)
+  itemTargetDisconnected(target) {
+    console.log("itemTargetDisconnected:", target)
   }
 
   disconnect() {