improve docs and readme for unpkg

WickyNilliams · Apr 2, 2024 · 5304e26 · 5304e26
1 parent 40820fc
commit 5304e26
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -19,14 +19,25 @@ npm install cally
 
 ## Usage
 
+### Via module
+
 ```js
 import "cally";
 ```
 
-## Usage with CDN
+### Via CDN
+
+```html
+<script type="module" src="https://unpkg.com/cally"></script>
+```
+
+### Using the components
 
 ```html
-<script src="https://unpkg.com/cally"></script>
+<calendar-range months="2">
+  <calendar-month></calendar-month>
+  <calendar-month offset="1"></calendar-month>
+</calendar-range>
 ```
 
 ## Docs

diff --git a/docs/src/pages/index.astro b/docs/src/pages/index.astro
@@ -73,7 +73,7 @@ const tagline = "Small, feature-rich calendar components";
 
   <Code
     lang="html"
-    code={`<script\n  type="module"\n  src="https://unpkg.com/cally"\n></script>`}
+    code={`<script type="module" src="https://unpkg.com/cally"></script>`}
   />
 
   <p>

diff --git a/package.json b/package.json
@@ -9,6 +9,7 @@
   ],
   "module": "dist/cally.js",
   "types": "dist/cally.d.ts",
+  "unpkg": "dist/cally.js",
   "exports": {
     ".": {
       "types": "./dist/cally.d.ts",
-Original file line number
+Diff line change
@@ Expand Up / @@ -73,7 +73,7 @@ const tagline = "Small, feature-rich calendar components"; @@
       <Code
         lang="html"
-        code={`<script\n  type="module"\n  src="https://unpkg.com/cally"\n></script>`}
+        code={`<script type="module" src="https://unpkg.com/cally"></script>`}
       />
       <p>
@@ Expand Down @@