Update plugin jsdocs (#132)

Author: strausr

packages/html/src/plugins/lazyload.ts

@@ -14,8 +14,8 @@ import {isBrowser} from "../utils/isBrowser";
  * When using the plugin make sure to add dimensions, otherwise the images will load with
  * the size of 0x0, meaning the images will be in the viewport and trigger the lazyload plugin.
  * </caption>
- * <AdvancedImage style={{width: "400px", height: "400px"}} cldImg={img} plugins=[(lazyload({rootMargin: '0px',
- * threshold: 0.25}))]/>
+ * <AdvancedImage style={{width: "400px", height: "400px"}} cldImg={img} plugins={[lazyload({rootMargin: '0px',
+ * threshold: 0.25})]} />
  */
 export function lazyload({rootMargin='0px', threshold=0.1}:{rootMargin?: string, threshold?: number}={}): Plugin{
  return lazyloadPlugin.bind(null, rootMargin, threshold);

packages/html/src/plugins/placeholder.ts

@@ -13,7 +13,7 @@ import {isImage} from "../utils/isImage";
  * @param mode {PlaceholderMode} The type of placeholder image to display. Possible modes: 'vectorize' | 'pixelate' | 'blur' | 'predominant-color'. Default: 'vectorize'.
  * @return {Plugin}
  * @example <caption>NOTE: The following is in React. For further examples, see the Packages tab.</caption>
- * <AdvancedImage cldImg={img} plugins=[(placeholder({mode: 'blur'}))]/>
+ * <AdvancedImage cldImg={img} plugins={[placeholder({mode: 'blur'})]} />
  */
 export function placeholder({mode='vectorize'}:{mode?: string}={}): Plugin{
  return placeholderPlugin.bind(null, mode);

packages/html/src/plugins/responsive.ts

@@ -11,11 +11,10 @@ import {isImage} from "../utils/isImage";
  * @namespace
  * @description Updates the src with the size of the parent element and triggers a resize event for
  * subsequent resizing.
- * @param steps {number | number[]} The step size in pixels.
- * | number[] A set of image sizes in pixels.
+ * @param steps {number | number[]} The step size in pixels or an array of image widths in pixels.
  * @return {Plugin}
  * @example <caption>NOTE: The following is in React. For further examples, see the Packages tab.</caption>
- * <AdvancedImage cldImg={img} plugins=[(responsive(100))] plugins=[(responsive({steps: [800, 1000, 1400]}))] />
+ * <AdvancedImage cldImg={img} plugins={[responsive({steps: [800, 1000, 1400]})]} />
  */
 export function responsive({steps}:{steps?: number | number[]}={}): Plugin{
  return responsivePlugin.bind(null, steps);
@@ -24,7 +23,6 @@ export function responsive({steps}:{steps?: number | number[]}={}): Plugin{
 /**
  * @description Responsive plugin
  * @param steps {number | number[]} The step size in pixels.
- * | number[] A set of image sizes in pixels.
  * @param element {HTMLImageElement} The image element
  * @param responsiveImage {CloudinaryImage}
  * @param htmlPluginState {HtmlPluginState} holds cleanup callbacks and event subscriptions