{"_id":"@alkeincodes/vuejs-skeleton-loading","_rev":"2-b9f2904acf454168c32913029ba2401b","name":"@alkeincodes/vuejs-skeleton-loading","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@alkeincodes/vuejs-skeleton-loading","version":"1.0.0","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build --target lib --name app ./src/index.js","lint":"vue-cli-service lint"},"dependencies":{"core-js":"^3.6.5","sass":"^1.29.0","sass-loader":"^10.1.0","vue":"^2.6.11"},"devDependencies":{"@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-service":"~4.5.0","babel-eslint":"^10.1.0","eslint":"^6.7.2","eslint-plugin-vue":"^6.2.2","vue-template-compiler":"^2.6.11"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"parserOptions":{"parser":"babel-eslint"},"rules":{}},"browserslist":["> 1%","last 2 versions","not dead"],"gitHead":"9ffabb814124c3f0c61bbad02682f5f0e9e2ade9","description":"The most flexible skeleton loading for VueJS","_id":"@alkeincodes/vuejs-skeleton-loading@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"alkeinaiduko","email":"aidukomusikero06@gmail.com"},"dist":{"integrity":"sha512-LsC9pfhhPsxf6pOY/3QvtDiXneGpGJLaS5cmTaPW/08LOKlHHbBmGLW2W95GribTJqjpE+ZN0OpPtFgSJeI78A==","shasum":"c37aef4265e4b549f02d534940975f484a8c2b2c","tarball":"https://registry.npmjs.org/@alkeincodes/vuejs-skeleton-loading/-/vuejs-skeleton-loading-1.0.0.tgz","fileCount":12,"unpackedSize":23411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsmHeCRA9TVsSAnZWagAATRwP/A2/V2eR6Ye/Xji933+E\n0gp0m5CCM0kEX8eq3sUNU51knYM1CNxN0Ty6FPh0mWJI885tOWLFP/Ws95bc\ncL3TmCv2/EcFYRjcMshGv5xo5S9jA2yFZBUZaOF6aGshhf8RzaKjHKO5Dyob\nAR6Di3POmDwIdTiCfJFcfWnMQWoLiD/+I0i8TaZ5r+5B65QyxVbyyIoT61oF\nVzlhCWViV4WHIjwyl68W021O++U58gdLCZHoOu3UiXGbkDeDygXkxCWxdbPJ\nJB+2PM0qaCPrqa1O0kc8nM/wicGocpdpxlkFlCWkasGcOFJvhKyhWoO8C8O6\nvX65sKrUsAGT+9K3rZUow4/q3KW15wKHqxtYJP07WkwdRRGcgWDlOCEvQwJb\nQhN4H71QSJq8N8wHniNa6WQDzfeoA40kVlHVS3RgF3oPch+ZzCFt1f4i1Kz/\nQYrRMcgXINUvnUvH45UFKNvJULvZxo9BSCGR+ldiX3n75zNyuoaWjETFCjCP\n6OMdakiRdzw75YYXIXcNO5bSuHHYrQzgKwhSUc04KgLNzUzWk4jaEa4gBNFV\nFVN4cc+w/DIRuIeAwCJ6L2CG/J+xPPKuVZ1sfHJIR/YSKUImDvwmsZh+QCcg\nyli+sIy/bl/GHnbEIz/HGtkY/zxRfSYOrD5tgG21P7MofO5F4Ee6o4Ih7W5A\nbKea\r\n=tsGa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGau1u5LhT9vGI5K/nZb52fXtWrCIQBEmpxseBnUgI1LAiEAvOdJExtIB+M0xnZyQYNmsiYSGPAFqMIsEXb/fSlW5g8="}]},"directories":{},"maintainers":[{"name":"alkeinaiduko","email":"aidukomusikero06@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vuejs-skeleton-loading_1.0.0_1605525981751_0.08512240388945647"},"_hasShrinkwrap":false},"1.0.1":{"name":"@alkeincodes/vuejs-skeleton-loading","version":"1.0.1","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build --target lib --name app ./src/index.js","lint":"vue-cli-service lint"},"license":"MIT","sideEffects":["*.vue","*.css"],"keywords":["vue","skeleton-loading","vuejs-skeleton-loading"],"dependencies":{"core-js":"^3.6.5","sass":"^1.29.0","sass-loader":"^10.1.0","vue":"^2.6.11"},"devDependencies":{"@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-service":"~4.5.0","babel-eslint":"^10.1.0","eslint":"^6.7.2","eslint-plugin-vue":"^6.2.2","vue-template-compiler":"^2.6.11"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"parserOptions":{"parser":"babel-eslint"},"rules":{}},"repository":{"type":"git","url":"git+https://github.com/alkeincodes/vuejs-skeleton-loading.git"},"browserslist":["> 1%","last 2 versions","not dead"],"gitHead":"9ffabb814124c3f0c61bbad02682f5f0e9e2ade9","description":"The most flexible skeleton loading for VueJS","bugs":{"url":"https://github.com/alkeincodes/vuejs-skeleton-loading/issues"},"homepage":"https://github.com/alkeincodes/vuejs-skeleton-loading#readme","_id":"@alkeincodes/vuejs-skeleton-loading@1.0.1","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"alkeinaiduko","email":"aidukomusikero06@gmail.com"},"dist":{"integrity":"sha512-1x61MPgdj58DVUo0Nyt2fMsIQFD7DHQW40jSugA52igYAQegQqlZgo2DsSMK1Fe6uPaU1YNlSUKdVgUY/0zqSQ==","shasum":"4ce5f11a8f5513064da900e811a726f80cbcdf45","tarball":"https://registry.npmjs.org/@alkeincodes/vuejs-skeleton-loading/-/vuejs-skeleton-loading-1.0.1.tgz","fileCount":21,"unpackedSize":677346,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsmKnCRA9TVsSAnZWagAA4zYP/2Ije+2iYDtXC/iBMQdA\nIjXSqt+dQoqRmqFwnwodeTomPSVA8KQFLC4v+KV/L5Z2fe4fvlp5KDxrUfk4\nId3j8nhNPzHigWzqsXEDbCvKUxlt2KtcUW+6uug5CMPOQmBlUq1fAjNEiAK6\nSGKb2avO5gZKIeLxyQXUjgclu3oDnXyO/qhDppIw1awdlZneSwRQM6n1fRJq\naJ8olO3wzNPDJKqwQBv1tj1CjtJDGL9QmTjO9UIYmymw13K4rBPnd30rrFGa\nxySgmH1dw00w9jeS01sbdB/z2nmGa3gqzfXkcUFZBnrDQo69AOee1sfN8JDE\nGABz3UZlynOWM0e2/ZtLJXtGE1j0ngts6tPr4xQ4S09qR8ZoDwuxch5tbmkG\na1jtTazCAH9VwPaczM4E72OQy/rh3kPY/ij86Il/Byg8YV2yUznf1uFDOr+f\naVJftPXxfpqvZrl2il7m2QS3JQePwkKNlMlENpnGxEg/ucgbRcDHKDNX5gHN\nPNh7nVGdCJ1HGaDh18Spo1YssU/IiVV21g0hsbi7dHabxV0euaP5LFQ+1LMk\nk7c46ETMxIvK2DauDYCNPNA+bfssvdWCfTXMFPikgj0gBTEXU1HIO3QkRuLj\ncNUTOVXJSvC2eM4w0dv47WkrWzZxKX7ryIcRJlrpu+xUl3KfvC69/XDjhj1Q\nEs9p\r\n=BDAU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGEIiHobrYPF1bj/H5ikOdBhvU6cI1Ts6LH2lEVvXw+UAiEArt5N/eky8tWf5UTC/84VJCAw+leGkfs9j5clPSJ8oDc="}]},"directories":{},"maintainers":[{"name":"alkeinaiduko","email":"aidukomusikero06@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vuejs-skeleton-loading_1.0.1_1605526182780_0.9065501987736513"},"_hasShrinkwrap":false}},"time":{"created":"2020-11-16T11:26:21.475Z","1.0.0":"2020-11-16T11:26:21.925Z","modified":"2022-04-04T13:29:50.417Z","1.0.1":"2020-11-16T11:29:42.925Z"},"maintainers":[{"name":"alkeinaiduko","email":"aidukomusikero06@gmail.com"}],"description":"The most flexible skeleton loading for VueJS","readme":"# vuejs-skeleton-loading\r\n\r\nThe most flexible skeleton loading for VueJS\r\n\r\n### See it in action\r\n\r\n<img src=\"https://media.giphy.com/media/QIG2nvRYZ4XGL27nGd/giphy.gif\" width=\"550\" />\r\n\r\n## Install package\r\n\r\n```\r\nnpm install @alkeincodes/vuejs-skeleton-loading --save\r\n```\r\n\r\n### Register the component globally ES6\r\n\r\n```js\r\nimport VSkeleton from '@alkeincodes/vuejs-skeleton-loading';\r\nimport '@alkeincodes/vuejs-skeleton-loading/dist/app.css';\r\n\r\nVue.use(VSkeleton);\r\n```\r\n\r\n### CDN\r\n\r\nInclude the source file.\r\n\r\n```html\r\n<!-- use the latest release -->\r\n<script src=\"https://unpkg.com/@alkeincodes/vuejs-skeleton-loading@latest\"></script>\r\n```\r\n\r\n### Usage\r\n\r\n```js\r\n<v-skeleton\r\n  :content=\"loader\"\r\n  width=\"500px\"\r\n  height=\"300px\"\r\n  padding=\"16px\"\r\n/>\r\n\r\n...\r\n\r\ndata() {\r\n  return {\r\n    loader: [\r\n      {\r\n        type: 'avatar',\r\n        vAlignment: 'start',\r\n        lines: [\r\n          {\r\n            type: 'block',\r\n            width: '100px'\r\n          },\r\n          {\r\n            type: 'block',\r\n            width: '200px'\r\n          },\r\n        ]\r\n      },\r\n      {\r\n        type: 'block',\r\n        width: '500px'\r\n      },\r\n      {\r\n        type: 'block',\r\n        width: '280px'\r\n      },\r\n      {\r\n        type: 'block',\r\n        width: '130px'\r\n      },\r\n      {\r\n        type: 'row',\r\n        marginTop: '32px',\r\n        children: [\r\n          {\r\n            type: 'text',\r\n            height: '16px',\r\n          },\r\n          {\r\n            type: 'text',\r\n            height: '16px',\r\n          },\r\n          {\r\n            type: 'text',\r\n            height: '16px',\r\n          },\r\n        ]\r\n      }\r\n    ]\r\n  }\r\n}\r\n```\r\n\r\n### Props\r\n\r\n| Prop    | Type   | Description                                      | Default | Required |\r\n| ------- | ------ | ------------------------------------------------ | ------- | -------- |\r\n| content | Object | the data object prop for your data while loading |         | true     |\r\n| width   | String | main container width                             | auto    | Optional |\r\n| height  | String | main container height                            | auto    | Optional |\r\n| padding | String | main container padding                           | 16px    |          |\r\n\r\n## Block Types\r\n\r\n`block` | `text` | `round` | `avatar` | `row`\r\n","readmeFilename":"README.md","homepage":"https://github.com/alkeincodes/vuejs-skeleton-loading#readme","keywords":["vue","skeleton-loading","vuejs-skeleton-loading"],"repository":{"type":"git","url":"git+https://github.com/alkeincodes/vuejs-skeleton-loading.git"},"bugs":{"url":"https://github.com/alkeincodes/vuejs-skeleton-loading/issues"},"license":"MIT"}