Docs: Fix module links in the package README

mgol · web-flow · commit ace646f6e83e · 2023-09-22T01:39:05.000+02:00
The package README used to show examples importing from a regular jQuery file; this won't work natively. Instead, use module versions of jQuery in these examples. Closes gh-5336
diff --git a/build/fixtures/README.md b/build/fixtures/README.md
@@ -23,23 +23,23 @@ or, to use the jQuery ECMAScript module:
 
 ```html
 <script type="module">
-	import { $ } from "https://code.jquery.com/jquery-@VERSION.min.js";
+	import { $ } from "https://code.jquery.com/jquery-@VERSION.module.min.js";
 </script>
 ```
 
 or:
 
 ```html
 <script type="module">
-	import { jQuery } from "https://code.jquery.com/jquery-@VERSION.min.js";
+	import { jQuery } from "https://code.jquery.com/jquery-@VERSION.module.min.js";
 </script>
 ```
 
 All jQuery modules export named `$` & `jQuery` tokens; the further examples will just show `$`. The default import also works:
 
 ```html
 <script type="module">
-	import $ from "https://code.jquery.com/jquery-@VERSION.min.js";
+	import $ from "https://code.jquery.com/jquery-@VERSION.module.min.js";
 </script>
 ```
 
@@ -55,7 +55,7 @@ or as a module:
 
 ```html
 <script type="module">
-	import { $ } from "https://code.jquery.com/jquery-@VERSION.slim.min.js";
+	import { $ } from "https://code.jquery.com/jquery-@VERSION.module.slim.min.js";
 </script>
 ```
 
@@ -67,8 +67,8 @@ To avoid repeating long import paths that change on each jQuery release, you can
 <script type="importmap">
 	{
 		"imports": {
-			"jquery": "https://code.jquery.com/jquery-@VERSION.min.js",
-			"jquery/slim": "https://code.jquery.com/jquery-@VERSION.slim.min.js"
+			"jquery": "https://code.jquery.com/jquery-@VERSION.module.min.js",
+			"jquery/slim": "https://code.jquery.com/jquery-@VERSION.module.slim.min.js"
 		}
 	}
 </script>
