docs: add info

Author: SerhiiCho

docs/blog/2026-03-20-textwire-v4.md

@@ -229,6 +229,20 @@ This separation makes the code more readable and the relationship between compon
 
 When you see `@pass`, you know content is being sent. When you see `@slot`, you know it's a placeholder waiting to receive content.
 
+### 6.3 Closing Component is Required
+
+In Textwire v4, you should always close your components even if they don't have any content. This is to avoid confusion and make the syntax more consistent. In previous versions, you could write:
+
+```textwire
+@component('components/icons/book')
+```
+
+Starting from version 4, you need to write this instead:
+
+```textwire
+@component('components/icons/book')@end
+```
+
 ## 7. Cleaner Output with Block Trimming
 
 All block directives in v4 now automatically trim surrounding whitespace. This affects:

docs/versions/v4/language-elements/directives.md

@@ -243,7 +243,7 @@ The second optional argument is an [object](/v4/language-elements/literals#objec
 - **Name is a constant.** The first argument (name) is the constant, it cannot be dynamic, only literal strings are allowed.
 - **Argument must be an object literal.** Second argument for components must be an object literal. If you provide a non-object literal, it will result in an error.
 - **Layout for components.** You can include layout file into components using [`@use`](/v4/language-elements/directives#use) directive, but it can make your templates more complex and harder to maintain. We recommend to avoid using layouts in components and keep them simple.
-- **Use slots to pass data.** You can use [slot](/v4/language-elements/directives#slot) and [slotif](/v4/language-elements/directives#slotif) in components to pass content to the component file.
+- **Use passes to pass data.** You can use [@pass](/v4/language-elements/directives#pass) and [@passif](/v4/language-elements/directives#passif) in components to pass content to the component file.
 - **Use path alias.** If your components are located in the `components` directory, you can use the `~` alias to reference them. Read about [Path Aliases](/v4/faq#what-are-the-path-aliases).
 
 ## @slot

docs/versions/v4/upgrade.md

@@ -244,6 +244,22 @@ grep -r '@slot(' templates/
 
 Don't rename slots that are placeholders in your component files, they should keep being `@slot('name')`.
 
+### 3. Closing Component is Required
+
+In Textwire v4, you should always close your components even if they don't have any content. This is to avoid confusion and make the syntax more consistent. In previous versions, you could write:
+
+```textwire
+@component('components/icons/book')
+```
+
+Starting from version 4, you need to write this instead:
+
+```textwire
+@component('components/icons/book')@end
+```
+
+Just search for `@component(` and make sure all of your components are closed.
+
 ## 8. Blocks are Trimmed by Default
 
 All blocks in Textwire are now left and right trimmed, it should not effect your HTML because HTML ignores whitespace, but it can effect your string outputs. If you have something like this:
@@ -270,7 +286,8 @@ After completing the migration:
 8. <input type="checkbox"> Project prints proper strings with `{{ }}` braces
 9. <input type="checkbox"> For passing default slots, we don't use `@slot` directive, we just passing them inside of a component's block (body)
 10. <input type="checkbox"> All `@slot('name')<some content>@end` directives inside of a component block (body) are renamed to `@pass('name')<some content>@end`
-11. <input type="checkbox"> Project compiles successfully
+11. <input type="checkbox"> All components have a closing directive, even with empty body
+12. <input type="checkbox"> Project compiles successfully
 
 ## Need Help?