.eslintcache

[{"C:\\Users\\Jaagrav\\Desktop\\react-pretty-carousel\\src\\index.js":"1","C:\\Users\\Jaagrav\\Desktop\\react-pretty-carousel\\src\\App.js":"2"},{"size":218,"mtime":1612355158668,"results":"3","hashOfConfig":"4"},{"size":3961,"mtime":1613158553324,"results":"5","hashOfConfig":"4"},{"filePath":"6","messages":"7","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"8"},"uxaoo7",{"filePath":"9","messages":"10","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":"11","usedDeprecatedRules":"8"},"C:\\Users\\Jaagrav\\Desktop\\react-pretty-carousel\\src\\index.js",[],["12","13"],"C:\\Users\\Jaagrav\\Desktop\\react-pretty-carousel\\src\\App.js",["14","15","16"],"import React, { useEffect, useState } from \"react\";\nimport \"./App.css\";\n\nimport { CarouselWrapper, next, prev, moveTo } from \"react-pretty-carousel\";\n\nfunction App() {\n  const [items, setItems] = useState(3);\n\n  useEffect(() => {\n    if (window.innerWidth < 576) setItems(1);\n    else setItems(3);\n    window.addEventListener(\"resize\", () => {\n      if (window.innerWidth < 576) setItems(1);\n      else setItems(3);\n    });\n  }, []);\n  return (\n    <div className=\"App\">\n      <CarouselWrapper items={items} mode=\"gallery\">\n        <div className=\"image image1\"></div>\n        <div className=\"image image2\"></div>\n        <div className=\"image image3\"></div>\n        <div className=\"image image4\"></div>\n        <div className=\"image image5\"></div>\n        <div className=\"image image6\"></div>\n      </CarouselWrapper>\n      <div className=\"container\">\n        <h1>React-Pretty-Carousel</h1>\n        <span>Easily add beautiful carousels to your website in no time!</span>\n        <h2>Installation</h2>\n        <span>\n          In order to install <monospace>react-pretty-carousel</monospace>, run\n          this command in your terminal.\n        </span>\n        <code>npm i react-pretty-carousel --save</code>\n        Or\n        <code>yarn add react-pretty-carousel</code>\n        <h2>Usage</h2>\n        <img\n          src=\"https://dev-to-uploads.s3.amazonaws.com/i/pucte4kmw5ssnebpapyj.png\"\n          alt=\"Usage\"\n        />\n        <h2>Props</h2>\n        <table>\n          <tr>\n            <th>Prop</th>\n            <th>DataType</th>\n            <th>Description</th>\n          </tr>\n          <tr>\n            <td>items</td>\n            <td>integer</td>\n            <td>Number of items to display at once</td>\n          </tr>\n          <tr>\n            <td>mode</td>\n            <td>string</td>\n            <td>\n              Style of the carousel, can be either <monospace>normal</monospace>{\" \"}\n              or <monospace>gallery</monospace>\n            </td>\n          </tr>\n          <tr>\n            <td>showControls</td>\n            <td>boolean</td>\n            <td>\n              Show the dots and navigation buttons if{\" \"}\n              <monospace>true</monospace>, and otherwise if{\" \"}\n              <monospace>false</monospace>\n            </td>\n          </tr>\n        </table>\n        <h2>External Functions and Values</h2>\n        <span>\n          You can summon and move/navigate through the carousel by importing and\n          using the following functions:\n        </span>\n        <code>\n          {`import {CarouselWrapper, prev, next, moveTo, switchTo, presentIndex} from \"react-pretty-carousel\";`}\n        </code>\n        <table>\n          <tr>\n            <th>Function</th>\n            <th>Description</th>\n            <th>Parameters</th>\n          </tr>\n          <tr>\n            <td>prev()</td>\n            <td>Move to the previous slide</td>\n            <td>none</td>\n          </tr>\n          <tr>\n            <td>next()</td>\n            <td>Move to the next slide</td>\n            <td>none</td>\n          </tr>\n          <tr>\n            <td>moveTo(5)</td>\n            <td>Move to a certain index/object with smooth animation</td>\n            <td>integer</td>\n          </tr>\n          <tr>\n            <td>switchTo(5)</td>\n            <td>Abruptly move to a certain index/object</td>\n            <td>integer</td>\n          </tr>\n          <tr>\n            <td>presentIndex</td>\n            <td>\n              Get the present index of the carousel object being displayed\n            </td>\n            <td>none</td>\n          </tr>\n        </table>\n      </div>\n      <div className=\"footer\">\n        <div className=\"container\">\n          <span>\n            Created by <a href=\"https://github.com/Jaagrav\">Jaagrav</a>\n          </span>\n          <a href=\"https://github.com/Jaagrav/react-pretty-carousel/\">\n            <i class=\"fab fa-github\"></i>\n          </a>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default App;\n",{"ruleId":"17","replacedBy":"18"},{"ruleId":"19","replacedBy":"20"},{"ruleId":"21","severity":1,"message":"22","line":4,"column":27,"nodeType":"23","messageId":"24","endLine":4,"endColumn":31},{"ruleId":"21","severity":1,"message":"25","line":4,"column":33,"nodeType":"23","messageId":"24","endLine":4,"endColumn":37},{"ruleId":"21","severity":1,"message":"26","line":4,"column":39,"nodeType":"23","messageId":"24","endLine":4,"endColumn":45},"no-native-reassign",["27"],"no-negated-in-lhs",["28"],"no-unused-vars","'next' is defined but never used.","Identifier","unusedVar","'prev' is defined but never used.","'moveTo' is defined but never used.","no-global-assign","no-unsafe-negation"]