minor #60 Update README.md (94noni)

weaverryan · weaverryan · commit a66381a9edea · 2021-04-05T09:41:50.000-04:00
This PR was merged into the main branch. Discussion ---------- Update README.md | Q | A | ------------- | --- | Bug fix? | no | New feature? | no | Tickets | | License | MIT I was trying this feature on a small project, and thus proposing this PR Reference to https://symfony.com/blog/moving-script-inside-head-and-the-defer-attribute Commits ------- 40133a3 Update README.md
diff --git a/src/Swup/README.md b/src/Swup/README.md
@@ -38,17 +38,17 @@ The main usage of Symfony UX Swup is to use its Stimulus controller to initializ
 <html lang="en">
     <head>
         <title>Swup</title>
+        
+        {% block javascripts %}
+            {{ encore_entry_script_tags('app') }}
+        {% endblock %}
     </head>
     <body data-controller="symfony--ux-swup--swup">
         {# ... #}
 
         <main id="swup">
             {# ... #}
         </main>
-
-        {% block javascripts %}
-            {{ encore_entry_script_tags('app') }}
-        {% endblock %}
     </body>
 </html>
 ```
@@ -63,6 +63,10 @@ additional containers, for instance to have a navigation menu that updates when
 <html lang="en">
     <head>
         <title>Swup</title>
+        
+        {% block javascripts %}
+            {{ encore_entry_script_tags('app') }}
+        {% endblock %}
     </head>
     <body
         data-controller="symfony--ux-swup--swup"
@@ -77,10 +81,6 @@ additional containers, for instance to have a navigation menu that updates when
         <main id="swup">
             {# ... #}
         </main>
-
-        {% block javascripts %}
-            {{ encore_entry_script_tags('app') }}
-        {% endblock %}
     </body>
 </html>
 ```
@@ -110,7 +110,7 @@ You can configure several other options using data-attributes on the `body` tag:
 Symfony UX Swup allows you to extend its default behavior using a custom Stimulus controller:
 
 ```js
-// myswup_controller.js
+// assets/controllers/myswup_controller.js
 
 import { Controller } from 'stimulus';
 
@@ -138,6 +138,7 @@ Then in your template, add your controller to the HTML attribute:
 <html lang="en">
     <head>
         <title>Swup</title>
+        {# ... #}
     </head>
     <body data-controller="myswup symfony--ux-swup--swup">
         {# ... #}
