{"_id":"@aligilan/infinitescroll","_rev":"22-6c198f2c77dfd410b83c68360791d88f","time":{"1.0.0":"2020-04-10T22:41:28.491Z","1.0.1":"2020-04-10T22:41:28.491Z","1.0.2":"2020-04-10T22:41:28.491Z","1.0.3":"2020-04-10T22:41:28.491Z","1.0.4":"2020-04-10T22:41:28.491Z","1.0.5":"2020-04-10T22:41:28.491Z","1.0.6":"2020-04-10T22:41:28.491Z","created":"2020-04-11T13:06:43.136Z","0.0.1":"2020-04-11T13:06:43.354Z","modified":"2022-04-04T13:24:42.757Z"},"name":"@aligilan/infinitescroll","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@aligilan/infinitescroll","version":"0.0.1","description":"Infinite Scroll will emit event when reached at the end of the page","main":"modules.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["infinite-scroll","nuxtjs-infinite-scroll","nuxtjs","vue"],"repository":{"type":"git","url":"git+https://github.com/aligilan/nuxt-infinitescroll.git"},"author":{"name":"!lV"},"license":"MIT","gitHead":"f061c9a4effdb9651028258ec6613b321c2804d7","bugs":{"url":"https://github.com/aligilan/nuxt-infinitescroll/issues"},"homepage":"https://github.com/aligilan/nuxt-infinitescroll#readme","_id":"@aligilan/infinitescroll@0.0.1","_nodeVersion":"10.16.3","_npmVersion":"6.14.4","dist":{"integrity":"sha512-6MXgX/woJ26OkUEVE44N1vt1jKO24tgosVYSYY1E7pIiaAveAWCzhwoTQ/4kd1h62SpAY/v10CZRNJLPJe5ong==","shasum":"e4e32830c6f3314e9dcad6d4a221b3794cb974be","tarball":"https://registry.npmjs.org/@aligilan/infinitescroll/-/infinitescroll-0.0.1.tgz","fileCount":5,"unpackedSize":5251,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJekcDjCRA9TVsSAnZWagAAzzEP/2l7aIzR51KoPs9DkmHv\nUJwWOvld8zu5eyw7ilp2JgYnY1GCD4XPvZRIhCC2oQ9iUGMHPf0Azdmcax+g\nAtyryo/hbKgZTUAn/OYjZwQ8K+TGFghC7Zat3h4THXilBoSecDjlAIkdUs7n\njnrt+5K1BF2scRBzG5fwvn4xu9g21Q3UaK6uv65xtxSj5wGpjSxJzotaWFEb\n/mDSPW594F0Aq97FuvbwanJFk8mTVXcczGazIRat4YT6lG4yagpUrUeowFT2\nttku40c3Q5z7nDQgVhS/eYC5RTwS/Fxw/IoSi6mY153q0ymZ5fOyBZMkxG22\nsub+V79qG/A4M1Evo3q5HD5n/oczkKd61ROz0UN3Na8frrbisJzDotsfhzeS\nzDxRYa4UoW53NEJ04H9FfLRYVEAcXEdarZjtJd6PLfC6PFC+ClUn6sL8arY4\nagTETgaVyu5inCqUFsRURDy3Pci8RK2hNxlzxU/BpQhTGmwNaB9U6tfruNEG\nIu0TzFLbE+wRi0GEpjkdqWwfhGnn+NILGlbSTANEdnKBrKTzKPPiGl0X+9za\nTrpJhyhkJQ5p57aiHtdg1Lpvu1k+kENUpkZO0QEjSkzFl2qb145PNoaG1XPz\n6w6KXWt1LBGoqYEjfa3NFKW2/iGzLIqD1UNFNnpC6ZFT245JIkGXzR6yBy32\nEcjt\r\n=hss1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDvWOWfGrtJzubOcEqzLqge0CSwlPXBCJGbldzgRCLiKAiEA3NumWLL4lyyKlri0QZ8EhyROjX89lCztqyWNFGSYlNM="}]},"maintainers":[{"name":"aligilan","email":"ali.gilan.ag@gmail.com"}],"_npmUser":{"name":"aligilan","email":"ali.gilan.ag@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/infinitescroll_0.0.1_1586610403172_0.8291279120021582"},"_hasShrinkwrap":false}},"maintainers":[{"name":"aligilan","email":"ali.gilan.ag@gmail.com"}],"description":"Infinite Scroll will emit event when reached at the end of the page","homepage":"https://github.com/aligilan/nuxt-infinitescroll#readme","keywords":["infinite-scroll","nuxtjs-infinite-scroll","nuxtjs","vue"],"repository":{"type":"git","url":"git+https://github.com/aligilan/nuxt-infinitescroll.git"},"author":{"name":"!lV"},"bugs":{"url":"https://github.com/aligilan/nuxt-infinitescroll/issues"},"license":"MIT","readme":"# nuxt-infinitescroll\nAn infinite scroll for nuxt applications  \n\n# Install\n```Bash\nnpm install @aligilan/infinitescroll --save\n```\n\n# Usage\n```Bash\n...\nmodules:[\n    '@aligilan/infinitescroll'\n],\n...\n```\n\n```Bash\n<template>\n    <div>\n        <ul>\n            <li></li>\n            <li></li>\n            <li></li>\n            <infinite-scroll :enough=\"enough\" @load-more=\"getData()\" />\n        </ul>\n    </div>\n</template>\n\n<script>\n    data(){\n        return{\n            dataArray: [],\n            ...\n            //=======infiniteScroll\n            enough: false,\n            page: 1,\n            pageSize: 10,\n            //=====================\n            ...\n        }\n    },\n    mounted(){\n        this.getData();\n    },\n    methods:{\n        ...\n        //=======infiniteScroll\n        async getData(){\n            try{\n                let result = await this.$axios.$get(`my-api-url?page=${this.page++}`);\n                if(result.success == 'true'){\n                    this.dataArray = this.this.dataArray.concat(result.data);\n                    // Stop scroll-loader\n                    result.data.length < this.pageSize && (this.enough = true);\n                }\n            }catch(error){\n               console.log('error', error)\n            }\n        },\n        //=====================\n        ...\n    }\n</script>\n```\n\n# Options\n| Option | Description |\n| ----- | ----- |\n| :id | set an id for loader element. |\n| :enough | flag to visible loader or hide. |\n| :offset | add offset to current page scroll position, before reach loader position. |\n\n# Event\n@load-more: When page current scroll position reached loader position, will emit this event.","readmeFilename":"README.md"}