feat: support browser (#120)

README.md

@@ -9,6 +9,8 @@ Framework-agnostic vercel design's toast component
 
 ## Usage
 
+### Bundler
+
 ```console
 npm i vercel-toast
 ```
@@ -21,6 +23,21 @@ import { createToast } from "vercel-toast";
 createToast("Hi from vercel toast!");
 ```
 
+### Browser CDN
+
+```html
+<link
+  rel="stylesheet"
+  href="https://unpkg.com/vercel-toast/dist/vercel-toast.css"
+/>
+
+<script src="https://unpkg.com/vercel-toast"></script>
+
+<script>
+  vercelToast.createToast("Hi from vercel toast!");
+</script>
+```
+
 ## Documentation
 
 https://vercel-toast.vercel.app

example/public/README.md

@@ -2,21 +2,23 @@
 
 Framework-agnostic vercel design's toast component (≈1KB Gzipped).
 
-## Use via bundler
+## Usage
 
-```bash
+### Bundler
+
+```console
 npm i vercel-toast
 ```
 
-```js
+```ts
+// in js file
 import "vercel-toast/css";
-// import "vercel-toast/dist/vercel-toast.css";
 import { createToast } from "vercel-toast";
 
-createToast("The Evil Rabbit jumped over the fence.");
+createToast("Hi from vercel toast!");
 ```
 
-## Use via CDN
+### Browser CDN
 
 ```html
 <link
@@ -27,7 +29,7 @@ createToast("The Evil Rabbit jumped over the fence.");
 <script src="https://unpkg.com/vercel-toast"></script>
 
 <script>
-  toast.createToast("The Evil Rabbit jumped over the fence.");
+  vercelToast.createToast("Hi from vercel toast!");
 </script>
 ```
 

package.json

@@ -11,6 +11,7 @@
   "author": "2nthony <[email protected]> (https://github.com/2nthony)",
   "main": "dist/vercel-toast.js",
   "module": "dist/vercel-toast.mjs",
+  "browser": "dist/vercel-toast.global.js",
   "types": "dist/vercel-toast.d.ts",
   "exports": {
     ".": {
@@ -28,7 +29,7 @@
     "test": "echo lol",
     "example": "vite",
     "example:build": "vite build",
-    "build": "tsup --entry.vercel-toast src/index.ts --dts --format esm,cjs",
+    "build": "tsup --entry.vercel-toast src/index.ts --dts --format esm,cjs,iife --minify --global-name=vercelToast",
     "docs": "typedoc src/index.ts --out example/public/docs --mode file --readme none --theme minimal --excludeNotExported",
     "build:docs": "npm run docs && npm run example:build",
     "format": "prettier . --write",