add package.json infos

Author: Bowen7

README.md

@@ -35,7 +35,7 @@ react-rough-fiber can integrate with many existing SVG-based libraries:
 - [Icon](https://react-rough-fiber.amind.app/examples/icon)
 - Chart
   - [recharts](https://react-rough-fiber.amind.app/examples/chart/recharts)
-  - [vis](https://react-rough-fiber.amind.app/examples/chart/visx)
+  - [visx](https://react-rough-fiber.amind.app/examples/chart/visx)
   - [react-d3-tree](https://react-rough-fiber.amind.app/examples/chart/react-d3-tree)
 - [Text](https://react-rough-fiber.amind.app/examples/text)
 - [SVG string](https://react-rough-fiber.amind.app/examples/svg-string)
@@ -57,12 +57,20 @@ import { RoughSVG } from "react-rough-fiber";
 ```
 
 - containerType = 'div': The type of container to use for the `RoughSVG`. Optional.
-- options: RoughOptions | ((shape: SVGShape, props: React.HTMLAttributes<SVGElement>) => RoughOptions = {}. It can be a `RoughOptions` for [Rough.js](https://github.com/rough-stuff/rough/wiki#options). Also support a function that returns `RoughOptions`. Optional
+- options: RoughOptions | ((shape: SVGShape, props: React.HTMLAttributes<SVGElement>) => RoughOptions = {}. It can be a `RoughOptions` for [Rough.js](https://github.com/rough-stuff/rough/wiki#options). Also support a function that returns `RoughOptions`. Optional.
 
 ### WCRoughSVG
 
 > `WCRoughSVG` is only compatible with React version 18.0.0 or later.
 
+``` jsx
+import { WCRoughSVG } from "react-rough-fiber";
+// ... your component code
+<WCRoughSVG containerType="div" options={options}>
+{/* your SVG */}
+</WCRoughSVG>
+```
+
 If you want to use context in `RoughSVG`, you can use `WCRoughSVG` instead of `RoughSVG`. See [FAQ](https://react-rough-fiber.amind.app/faq) for more details.
 
 All parameters of `WCRoughSVG` are identical to `RoughSVG`.

packages/react-rough-fiber/package.json

@@ -1,6 +1,31 @@
 {
   "name": "react-rough-fiber",
-  "version": "0.0.2",
+  "version": "0.0.3",
+  "description": "A React renderer for rendering hand-drawn SVGs.",
+  "keywords": [
+    "react",
+    "react-renderer",
+    "svg",
+    "svg-icons",
+    "hand-drawn",
+    "roughjs",
+    "hand-drawn-graphs"
+  ],
+  "author": "Bowen <zwxdyx@foxmail.com>(https://github.com/Bowen7)",
+  "bugs": {
+    "url": "https://github.com/Bowen7/react-rough-fiber/issues"
+  },
+  "homepage": "https://react-rough-fiber.amind.app/",
+  "funding": [
+    {
+      "type": "Github Sponsor",
+      "url": "https://github.com/sponsors/Bowen7"
+    },
+    {
+      "type": "ko-fi",
+      "url": "https://ko-fi.com/bowen7"
+    }
+  ],
   "main": "./src/index.tsx",
   "license": "MIT",
   "scripts": {