Update help page

src/views/Help.vue

@@ -24,7 +24,7 @@
         <li><code>Content</code> is basically the block content. It can include other blocks too.</li>
       </ul>
 
-      <i-alert variant="info">
+      <i-alert>
         Even if indenting your template inside blocks is tempting, it is not a good idea as the
         generated code is parsed as-is.
       </i-alert>
@@ -43,8 +43,10 @@
       <pre
         v-html="`${codeNumber('[#]')} ${codeContent('Rendering as 1')}\n\n${codeNumber('[##]')} ${codeContent('Rendering as 1.1')}\n\n${codeNumber('[#]')} ${codeContent('Rendering as 2')}\n\n...`" />
 
-      <i-alert variant="warning">Every time you use the number code, it will increment the counter; doing <code>[#] - This is section
-        [#]</code> will render as <code>1 - This is section 2</code></i-alert>
+      <i-alert variant="warning">
+        Every time you use the number code, it will increment the counter; doing <code>[#] - This is section
+          [#]</code> will render as <code>1 - This is section 2</code>
+      </i-alert>
     </section>
 
     <section>
@@ -86,7 +88,7 @@
 <span class="code-content">Template content that uses</span> [FIRST_VAR] <span class="code-content">and</span> [OTHER_VAR]</pre>
       </i-alert>
       <i-alert variant="info">
-        You can also use <code>[~MY_VAR]</code> format to display a variable. Be aware that it will not define it.
+        Due to how the renderer works, you can also use <code>[~MY_VAR]</code> format to display a variable. Be aware that it will not define it.
       </i-alert>
     </section>