{"_id":"vue-content-placeholders","_rev":"7-ba29c1c953d31cad051f58136a21294a","name":"vue-content-placeholders","description":"Vue Components for rendering animated content placeholders like facebook","dist-tags":{"latest":"0.2.1"},"versions":{"0.1.0":{"name":"vue-content-placeholders","description":"Vue Components for rendering animated content placeholders like facebook","version":"0.1.0","author":{"name":"Michał Sajnóg","email":"msajnog93@gmail.com","url":"http://github.com/michalsnik"},"keywords":["vue","vuejs","plugin","loader","fake","placeholder","progressive","skeleton-ui"],"license":"MIT","main":"dist/vue-content-placeholders.common.js","unpkg":"dist/vue-content-placeholders.browser.js","module":"index.js","scripts":{"dev":"cross-env NODE_ENV=development webpack --config config/webpack.config.dev.js --progress --watch","build":"npm run build:browser && npm run build:common","build:browser":"cross-env NODE_ENV=production webpack --config config/webpack.config.browser.js --progress --hide-modules","build:common":"cross-env NODE_ENV=production webpack --config config/webpack.config.common.js --progress --hide-modules","prepublish":"npm run build","lint":"eslint ."},"repository":{"type":"git","url":"git+https://github.com/michalsnik/vue-content-placeholders.git"},"bugs":{"url":"https://github.com/michalsnik/vue-content-placeholders/issues"},"homepage":"https://github.com/michalsnik/vue-content-placeholders#readme","devDependencies":{"babel-core":"^6.0.0","babel-eslint":"^7.1.1","babel-loader":"^6.0.0","babel-preset-es2015":"^6.14.0","babel-preset-stage-0":"^6.16.0","cross-env":"^3.1.3","css-loader":"^0.26.1","eslint":"^3.12.1","eslint-config-standard":"^6.2.1","eslint-loader":"^1.6.1","eslint-plugin-html":"^1.6.0","eslint-plugin-promise":"^3.4.0","eslint-plugin-standard":"^2.0.1","eslint-plugin-vue":"^3.13.1","extract-text-webpack-plugin":"^2.0.0-beta.4","node-sass":"^4.0.0","sass-loader":"^4.1.0","vue-loader":"^10.0.0","vue-template-compiler":"^2.1.6","webpack":"^2.1.0-beta.28","webpack-merge":"^1.1.2"},"gitHead":"563b541ccf52760ad00cb3e2be3023cef25869cf","_id":"vue-content-placeholders@0.1.0","_shasum":"50ace48e417160c40dc0a1854b5d6998b97dc9f5","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.10.3","_npmUser":{"name":"michalsnik","email":"msajnog93@gmail.com"},"dist":{"shasum":"50ace48e417160c40dc0a1854b5d6998b97dc9f5","tarball":"https://registry.npmjs.org/vue-content-placeholders/-/vue-content-placeholders-0.1.0.tgz","integrity":"sha512-/k+MZvs22dLKEXeo4l5rTygZ2yINMn1VSi9LZ/nQF1teCIOgIALPgsdZXtoWVJUrFJmMgctNdKvv4QaHfi5L+A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCLxToZ6mrJzsqFXgHmBRVqOTXP48zWTsavuuQnHw5ehgIgGU5Q7dbJB8LNKdFyheLzM9oI5iV0oOEtoh8gnAGk8ac="}]},"maintainers":[{"name":"michalsnik","email":"msajnog93@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-content-placeholders-0.1.0.tgz_1510513682923_0.5288687739521265"}},"0.2.0":{"name":"vue-content-placeholders","description":"Vue Components for rendering animated content placeholders like facebook","version":"0.2.0","author":{"name":"Michał Sajnóg","email":"msajnog93@gmail.com","url":"http://github.com/michalsnik"},"keywords":["vue","vuejs","plugin","loader","fake","placeholder","progressive","skeleton-ui"],"license":"MIT","main":"dist/vue-content-placeholders.common.js","unpkg":"dist/vue-content-placeholders.browser.js","module":"index.js","scripts":{"dev":"cross-env NODE_ENV=development webpack --config config/webpack.config.dev.js --progress --watch","build":"npm run build:browser && npm run build:common","build:browser":"cross-env NODE_ENV=production webpack --config config/webpack.config.browser.js --progress --hide-modules","build:common":"cross-env NODE_ENV=production webpack --config config/webpack.config.common.js --progress --hide-modules","prepublish":"npm run build","lint":"eslint ."},"repository":{"type":"git","url":"git+https://github.com/michalsnik/vue-content-placeholders.git"},"bugs":{"url":"https://github.com/michalsnik/vue-content-placeholders/issues"},"homepage":"https://github.com/michalsnik/vue-content-placeholders#readme","devDependencies":{"babel-core":"^6.0.0","babel-eslint":"^7.1.1","babel-loader":"^6.0.0","babel-preset-es2015":"^6.14.0","babel-preset-stage-0":"^6.16.0","cross-env":"^3.1.3","css-loader":"^0.26.1","eslint":"^3.12.1","eslint-config-standard":"^6.2.1","eslint-loader":"^1.6.1","eslint-plugin-html":"^1.6.0","eslint-plugin-promise":"^3.4.0","eslint-plugin-standard":"^2.0.1","eslint-plugin-vue":"^3.13.1","extract-text-webpack-plugin":"^2.0.0-beta.4","node-sass":"^4.0.0","sass-loader":"^4.1.0","vue-loader":"^10.0.0","vue-template-compiler":"^2.1.6","webpack":"^2.1.0-beta.28","webpack-merge":"^1.1.2"},"gitHead":"ff89af9ba2199e83e42d0ad4444017b3c8450fb7","_id":"vue-content-placeholders@0.2.0","_shasum":"c5c5311cf9c570c4b7c03814fbea12a465954719","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.10.3","_npmUser":{"name":"michalsnik","email":"msajnog93@gmail.com"},"dist":{"shasum":"c5c5311cf9c570c4b7c03814fbea12a465954719","tarball":"https://registry.npmjs.org/vue-content-placeholders/-/vue-content-placeholders-0.2.0.tgz","integrity":"sha512-ijBCkxNwu6v9kpAjfdRSCk1oklvZ+olWwPO8+56M3Z7i+BmOunG5RT0cHpkN7osvFiONvurZqXafgG4uiRW07Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGWsKbjphyeJ81AnV9JZ5Q01FkH/7l4QU3tmZnv99p8aAiEA6GgWSvCfcOX3wPJlfS50YxXnPKIOBJnKZy573CBsp5c="}]},"maintainers":[{"name":"michalsnik","email":"msajnog93@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-content-placeholders-0.2.0.tgz_1510514219262_0.8617180418223143"}},"0.2.1":{"name":"vue-content-placeholders","description":"Vue Components for rendering animated content placeholders like facebook","version":"0.2.1","author":{"name":"Michał Sajnóg","email":"msajnog93@gmail.com","url":"http://github.com/michalsnik"},"keywords":["vue","vuejs","plugin","loader","fake","placeholder","progressive","skeleton-ui"],"license":"MIT","main":"dist/vue-content-placeholders.common.js","unpkg":"dist/vue-content-placeholders.browser.js","module":"index.js","scripts":{"dev":"cross-env NODE_ENV=development webpack --config config/webpack.config.dev.js --progress --watch","build":"npm run build:browser && npm run build:common","build:browser":"cross-env NODE_ENV=production webpack --config config/webpack.config.browser.js --progress --hide-modules","build:common":"cross-env NODE_ENV=production webpack --config config/webpack.config.common.js --progress --hide-modules","prepublish":"npm run build","lint":"eslint ."},"repository":{"type":"git","url":"git+https://github.com/michalsnik/vue-content-placeholders.git"},"bugs":{"url":"https://github.com/michalsnik/vue-content-placeholders/issues"},"homepage":"https://github.com/michalsnik/vue-content-placeholders#readme","devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^7.1.1","babel-loader":"^6.0.0","babel-preset-env":"^1.6.1","cross-env":"^3.1.3","css-loader":"^0.26.1","eslint":"^3.12.1","eslint-config-standard":"^6.2.1","eslint-loader":"^1.6.1","eslint-plugin-html":"^1.6.0","eslint-plugin-promise":"^3.4.0","eslint-plugin-standard":"^2.0.1","eslint-plugin-vue":"^3.13.1","extract-text-webpack-plugin":"^2.0.0-beta.4","node-sass":"^4.0.0","sass-loader":"^4.1.0","vue-loader":"^10.0.0","vue-template-compiler":"^2.1.6","webpack":"^2.1.0-beta.28","webpack-merge":"^1.1.2"},"gitHead":"4a52699ad9ac2421af2f6f59d3ffa743629b0d0c","_id":"vue-content-placeholders@0.2.1","_npmVersion":"5.3.0","_nodeVersion":"8.6.0","_npmUser":{"name":"michalsnik","email":"msajnog93@gmail.com"},"dist":{"integrity":"sha512-Q+HPjuY98R0fLQ45eOOCYeMY7vpjU1H/Qqs0ptdBI6xe3nDDsPE4r/kN5YA9rVxQFP/PKhG5qQR4rqy02xPabw==","shasum":"5876bda4577c80ff6d396fb33b2dbbf8b8cc140f","tarball":"https://registry.npmjs.org/vue-content-placeholders/-/vue-content-placeholders-0.2.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD5uBzxRaRydUetzJKKXsCLltfrvh23+J3R3HF+b8NHiwIgTfYVQyRjFnQeAq3oz7RYCQDY6BpOQzUJAwUy1xeLijI="}]},"maintainers":[{"name":"michalsnik","email":"msajnog93@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-content-placeholders-0.2.1.tgz_1510568152998_0.5468559020664543"}}},"readme":"# vue-content-placeholders\n\n![npm](https://img.shields.io/npm/v/vue-content-placeholders.svg)\n[![vue2](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://vuejs.org/)\n\n> Vue addon for rendering fake content while data is fetching to provide better UX and lower bounce rate.\n\n![example](https://i.imgur.com/JQlFjsS.gif)\n\n---\n\n## :cd: Installation\n\n* via npm: `npm install vue-content-placeholders --save`\n* via yarn: `yarn add vue-content-placeholders`\n\n## :rocket: Usage\n\nInclude plugin in your `main.js` file.\n\n```javascript\nimport Vue from 'vue'\nimport VueContentPlaceholders from 'vue-content-placeholders'\n\nVue.use(VueContentPlaceholders)\n```\n\n> ⚠️ A css file is included when importing the package. You may have to setup your bundler to embed the css in your page.\n\n### Examples:\n\n```html\n<content-placeholders>\n  <content-placeholders-heading :img=\"true\" />\n  <content-placeholders-text :lines=\"3\" />\n</content-placeholders>\n```\n\n![rendered example](https://i.imgur.com/LWfqxUe.png)\n\n```html\n<content-placeholders :rounded=\"true\">\n  <content-placeholders-img />\n  <content-placeholders-heading />\n</content-placeholders>\n```\n\n![rendered example](https://i.imgur.com/NBb6ZB7.png)\n\n### Available components and properties\n\n* root `<content-placeholders>`\n  * Boolean `animated` (default: true)\n  * Boolean `rounded` (default: false) - border radius\n  * Boolean `centered` (default: false)\n  > these properties define how all children components will act\n\n\n* `<content-placeholders-heading />`\n  * Boolean `img` (default: false)\n\n\n* `<content-placeholders-text />`\n  * Number `lines` (default: 4)\n\n\n* `<content-placeholders-img />`\n\n---\n\n## 🔓 License\n\nSee the [LICENSE](LICENSE.md) file for license rights and limitations (MIT).\n","maintainers":[{"name":"michalsnik","email":"msajnog93@gmail.com"}],"time":{"modified":"2022-06-28T19:14:41.063Z","created":"2017-11-12T19:08:03.847Z","0.1.0":"2017-11-12T19:08:03.847Z","0.2.0":"2017-11-12T19:17:00.210Z","0.2.1":"2017-11-13T10:15:53.119Z"},"homepage":"https://github.com/michalsnik/vue-content-placeholders#readme","keywords":["vue","vuejs","plugin","loader","fake","placeholder","progressive","skeleton-ui"],"repository":{"type":"git","url":"git+https://github.com/michalsnik/vue-content-placeholders.git"},"author":{"name":"Michał Sajnóg","email":"msajnog93@gmail.com","url":"http://github.com/michalsnik"},"bugs":{"url":"https://github.com/michalsnik/vue-content-placeholders/issues"},"license":"MIT","readmeFilename":"README.md","users":{"shay-altman":true,"paraself":true}}