vaderjs 1.0.2 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vaderjs",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "A Reactive Framework for Single-Page Applications (SPA)",
   "main": "vader.js",
   "scripts": {

package/vader.js

@@ -1,11 +1,16 @@
+/**
+ * @Object window
+ * @property {Object} props
+ * @description Allows you to store props for component
+ */
+window.props = {}
 /**
  * @function vhtml
- * @param {*} strings
+ * @param {String} strings
  * @param  {...any} args
  * @returns  modified string
  *
  */
-window.props = {}
 export function vhtml(strings, ...args) {
   let result = "";
   
@@ -97,6 +102,12 @@ export function component(name, options) {
       window.props[key] = initialValue;
     }
 
+    /**
+     * @Array state
+     * @param {*} states
+     * @description Allows you to get state of component
+     */
+
     return [states[key], (newValue) => setState(key, newValue)];
   };
   /**
@@ -118,11 +129,11 @@ export function component(name, options) {
   };
 
   /**
-   * @function useAuth
-   * @param {*} rulesets
-   * @param {*} user
-   * @returns {Object} {canAccess, grantAccess, revokeAccess}
-   * @description Allows you to manage access to resources through rulesets
+   * @function useSyncStore
+   * @param {*} storeName 
+   * @param {*} initialState 
+   * @returns {Object} {getField, setField, subscribe, clear}
+   * @description Allows you to manage state in local storage
    */
   const useSyncStore = (storeName, initialState) => {
     const storedState =
@@ -174,6 +185,14 @@ export function component(name, options) {
       clear,
     };
   };
+  /**
+   * @function useAuth
+   * @param {*} rulesets
+   * @param {*} options 
+   * @returns {Object} {canAccess, grantAccess, revokeAccess}
+   * @description Allows you to manage access to resources through rulesets
+   * @returns 
+   */
 
   function useAuth(options) {
     if (!options.rulesets) {
@@ -304,6 +323,14 @@ export function component(name, options) {
       );
     }
   };
+  /**
+   * @function render
+   * @param {*} states
+   * @param {*} props 
+   * @description Allows you to render component to DOM
+   * @returns {HTMLcContent}
+   * @returns 
+   */
 
   const render = (props) => {
     storedProps = props;