Merge branch 'main' into reduce_unbound_allocations

ViewComponent · Oct 18, 2023 · e5cbd19 · e5cbd19
2 parents f5d3a40 + 6ed8d7f
commit e5cbd19
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 0 deletions.
diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
@@ -22,6 +22,10 @@ nav_order: 5
 
     Rainer Borene
 
+* Improve docs about inline templates interpolation
+
+    *Hans Lemuet*
+
 ## 3.6.0
 
 * Refer to `helpers` in `NameError` message in development and test environments.

diff --git a/docs/guide/templates.md b/docs/guide/templates.md
@@ -27,6 +27,28 @@ class InlineErbComponent < ViewComponent::Base
 end
 ```
 
+### Interpolations
+
+When using Slim, interpolations have to be escaped, or they'll be evaluated in the context of the ViewComponent class.
+
+```ruby
+class InlineSlimComponent < ViewComponent::Base
+  slim_template <<~SLIM
+    p Hello, #{name}!
+    p Hello, \#{name}!
+  SLIM
+
+  def name
+    "World"
+  end
+end
+```
+
+will render:
+
+    <p>Hello InlineSlimComponent!</p>
+    <p>Hello World!</p>
+
 ## Sibling file
 
 Place template file next to the component: