chore: add release script (#62)

* chore: fix children type

* chore: install changeset

* chore: add publish script

* chore: update README

* chore: add README for react-vfx package

* chore: add test command

* chore: suppress lint errors

* chore: suppress lint warnings

* chore: rename command for release

.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

.changeset/config.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "restricted",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

README.md

@@ -8,22 +8,19 @@
 ## Install
 
 ```
-npm i -S react-vfx
+npm i react-vfx
 ```
 
 ## Usage
 
-REACT-VFX exports `VFXSpan`, `VFXImg` and `VFXVideo`.
-These components works just like `<span>`, `<img>` and `<video>` - accepts all properties they have, but they are rendered in WebGL world with shader effects!
+REACT-VFX exports `VFXImg`, `VFXVideo`, `VFXSpan` and `VFXDiv`.
+These components works just like `<img>`, `<video>`, `<span>` and `<div>` - accepts all properties they have, but they are rendered in WebGL world with shader effects!
 
 ```ts
 import * as VFX from 'react-vfx';
 
 export default () => (
     <VFX.VFXProvider>
-        {/* Render text as image, then apply the shader effect! */}
-        <VFX.VFXSpan shader="rainbow">Hi there!</VFX.VFXSpan>
-
         {/* Render image with shader */}
         <VFX.VFXImg src="cat.png" alt="image" shader="rgbShift"/>
 
@@ -34,6 +31,14 @@ export default () => (
         <VFX.VFXVideo src="mind_blown.mp4"
             autoplay playsinline loop muted
             shader="halftone"/>
+
+        {/* Render text as image, then apply the shader effect! */}
+        <VFX.VFXSpan shader="rainbow">Hi there!</VFX.VFXSpan>
+
+        {/* Or even inputs! */}
+        <VFX.VFXDiv shader="rainbow">
+            <input type="text" value="hello" />
+        </VFX.VFXDiv>
     </VFX.VFXProvider>
 );
 ```