Update readme to use 'defer'

OperationSpark · Aug 6, 2024 · cf87009 · cf87009
1 parent b966a41
commit cf87009
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -7,18 +7,22 @@ This is a simple package that includes some additional style/functionality to th
 To include this package in your project, simply add the following to the `<head>` of your html test file
 
 ### Styles
+
 ```html
 <link
   rel="stylesheet"
   href="https://cdn.jsdelivr.net/gh/OperationSpark/mocha-style@main/mocha.css"
 />
 ```
+
 ### Syntax highlighting
+
 ```html
-  <script src="https://cdn.jsdelivr.net/gh/OperationSpark/mocha-style@main/injectStyles.js"></script>
+<script src="https://cdn.jsdelivr.net/gh/OperationSpark/mocha-style@main/injectStyles.js"></script>
 ```
 
 ### Example
+
 ```html
 <!DOCTYPE html>
 <html>
@@ -29,7 +33,10 @@ To include this package in your project, simply add the following to the `<head>
       href="https://cdn.jsdelivr.net/gh/OperationSpark/mocha-style@main/mocha.css"
     />
 
-    <script src="https://cdn.jsdelivr.net/gh/OperationSpark/mocha-style@main/injectStyles.js"></script>
+    <script
+      src="https://cdn.jsdelivr.net/gh/OperationSpark/mocha-style@main/injectStyles.js"
+      defer
+    ></script>
 
     ...
   </head>
@@ -40,7 +47,9 @@ To include this package in your project, simply add the following to the `<head>
 ## Preview
 
 ### Light Mode
+
 ![Preview Light Mode](img/light-mode-preview.png)
 
 ### Dark Mode
+
 ![Preview Light Mode](img/dark-mode-preview.png)