minor #2021 [Doc] Minor syntax fix in Twig Components docs (javiereguiluz)

This PR was merged into the 2.x branch.

Discussion
----------

[Doc] Minor syntax fix in Twig Components docs

| Q             | A
| ------------- | ---
| Bug fix?      | no
| New feature?  | no
| Issues        | -
| License       | MIT

The code blocks were unnecessarily indented and the rendered output wasn't correct.

The usage of `#.` for numbered lists is not mandatory, but it's generally recommended because that way the list items are autonumbered and you can add or remove items later without taking care of renumbering the other items.

Commits
-------

5825558 [Doc] Minor syntax fix in Twig Components docs

Author: javiereguiluz

src/TwigComponent/doc/index.rst

@@ -1004,46 +1004,46 @@ You can take full control over the attributes that are rendered by using the
 
     There are a few important things to know about using ``render()``:
 
-    1. You need to be sure to call your ``render()`` methods before calling ``{{ attributes }}`` or some
+    #. You need to be sure to call your ``render()`` methods before calling ``{{ attributes }}`` or some
        attributes could be rendered twice. For instance:
 
-            .. code-block:: html+twig
+       .. code-block:: html+twig
 
-                {# templates/components/MyComponent.html.twig #}
-                <div
-                    {{ attributes }} {# called before style is rendered #}
-                    style="{{ attributes.render('style') }} display:block;"
-                >
-                    My Component!
-                </div>
+           {# templates/components/MyComponent.html.twig #}
+           <div
+               {{ attributes }} {# called before style is rendered #}
+               style="{{ attributes.render('style') }} display:block;"
+           >
+               My Component!
+           </div>
 
-                {# render component #}
-                {{ component('MyComponent', { style: 'color:red;' }) }}
+           {# render component #}
+           {{ component('MyComponent', { style: 'color:red;' }) }}
 
-                {# renders as: #}
-                <div style="color:red;" style="color:red; display:block;"> {# style is rendered twice! #}
-                    My Component!
-                </div>
+           {# renders as: #}
+           <div style="color:red;" style="color:red; display:block;"> {# style is rendered twice! #}
+               My Component!
+           </div>
 
-    2. If you add an attribute without calling ``render()``, it will be rendered twice. For instance:
+    #. If you add an attribute without calling ``render()``, it will be rendered twice. For instance:
 
-         .. code-block:: html+twig
+       .. code-block:: html+twig
 
-              {# templates/components/MyComponent.html.twig #}
-              <div
-                 style="display:block;" {# not calling attributes.render('style') #}
-                 {{ attributes }}
-              >
-                 My Component!
-              </div>
+           {# templates/components/MyComponent.html.twig #}
+           <div
+               style="display:block;" {# not calling attributes.render('style') #}
+               {{ attributes }}
+           >
+               My Component!
+           </div>
 
-              {# render component #}
-              {{ component('MyComponent', { style: 'color:red;' }) }}
+           {# render component #}
+           {{ component('MyComponent', { style: 'color:red;' }) }}
 
-              {# renders as: #}
-              <div style="display:block;" style="color:red;"> {# style is rendered twice! #}
-                 My Component!
-              </div>
+           {# renders as: #}
+           <div style="display:block;" style="color:red;"> {# style is rendered twice! #}
+               My Component!
+           </div>
 
 Only
 ~~~~