From 98e81116ef4197b42dca8c3fde8d1e8166e2a81f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ole=20Bj=C3=B8rn=20Michelsen?= <ole@michelsen.dk>
Date: Mon, 15 Jul 2024 10:46:00 -0700
Subject: [PATCH] chore: update readme browser section with esm instructions

---
 README.md | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 4412145..7f4139b 100644
--- a/README.md
+++ b/README.md
@@ -118,12 +118,27 @@ validate('v1.02');      // false
 
 ### Browser
 
+In modern browsers the functions above can be imported as modules:
+
+```html
+<script type="module">
+  import { compareVersions, compare, satisfies, validate, validateStrict } from './node_modules/compare-versions/lib/esm/index.js'
+  console.log(compareVersions('11.0.0', '10.0.0'))
+  console.log(compare('11.0.0', '10.0.0', '>'))
+  console.log(satisfies('1.2.0', '^1.0.0'))
+  console.log(validate('11.0.0'))
+  console.log(validateStrict('11.0.0'))
+</script>
+```
+
+#### Legacy (UMD)
+
 If included directly in the browser, the functions above are available on the global window under the `compareVersions` object:
 
 ```html
-<script src=https://unpkg.com/compare-versions/lib/umd/index.js></script>
+<script src="https://unpkg.com/compare-versions/lib/umd/index.js"></script>
 <script>
-  const { compareVersions, compare, satisfies, validate } = window.compareVersions
+  const { compareVersions, compare, satisfies, validate, validateStrict } = window.compareVersions
   console.log(compareVersions('11.0.0', '10.0.0'))
   console.log(compare('11.0.0', '10.0.0', '>'))
   console.log(satisfies('1.2.0', '^1.0.0'))