diff --git a/README.md b/README.md index f99bace..fbffa82 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,33 @@ # widgets 像 flutter 风格用纯粹 js 构建页面 + +```bash +npm i @laniakeasupercluster/widgets +``` + +```javascript +import { createElement, Button, Span } from '@laniakeasupercluster/widgets' + +document.body.appendChild(createElement({ + style: { width: 320, height: 320, padding: 64 }, + children: [ + Span({ textContent: 'hello world!' }) + Button({ + textContent: 'click', + onclick: event => { + const randomNumber = Math.floor(Math.random() * 100) + event.traget.textContent = 'click' + randomNumber + } + }) + ] +})) +``` + + +### dev +``` +git clone git@git.satori.love:LaniakeaSupercluster/widgets.git +npm i +npm run dev +``` diff --git a/package.json b/package.json index 1a24412..9fae818 100644 --- a/package.json +++ b/package.json @@ -1,13 +1,10 @@ { - "name": "widgets", + "name": "@laniakeasupercluster/widgets", "description": "A simple widgets tracker", - "version": "1.0.0", + "version": "1.0.1", "type": "module", "main": "main.js", - "author": { - "name": "Laniakea Supercluster", - "email": "huan0016@gmail.com" - }, + "author": "Laniakea Supercluster ", "license": "MIT", "scripts": { "dev": "vite --open", @@ -27,4 +24,4 @@ "health", "fitness" ] -} \ No newline at end of file +}