{"_id":"vue-content-loader","_rev":"1794394","name":"vue-content-loader","description":"SVG component to create placeholder loading, like Facebook cards loading.","dist-tags":{"latest":"2.0.1"},"maintainers":[{"name":"egoist","email":"0x142857@gmail.com"}],"time":{"modified":"2021-11-29T18:46:05.000Z","created":"2017-06-15T00:12:51.315Z","2.0.1":"2021-11-29T18:32:30.085Z","2.0.0":"2021-01-27T14:30:33.802Z","1.0.1":"2021-01-19T09:21:10.990Z","1.0.0":"2021-01-18T15:52:31.183Z","0.2.3":"2020-03-03T14:20:21.120Z","0.2.2":"2019-06-14T06:49:25.045Z","0.2.1":"2018-03-22T04:55:30.410Z","0.2.0":"2018-03-22T04:05:21.602Z","0.1.3":"2017-06-19T01:55:36.770Z","0.1.2":"2017-06-18T22:52:59.621Z","0.1.1":"2017-06-18T22:17:27.245Z","0.1.0":"2017-06-15T00:12:51.315Z"},"users":{},"author":{"name":"EGOIST","email":"0x142857@gmail.com"},"repository":{"url":"git+https://github.com/egoist/vue-content-loader.git","type":"git"},"versions":{"2.0.1":{"name":"vue-content-loader","version":"2.0.1","description":"SVG component to create placeholder loading, like Facebook cards loading.","repository":{"url":"git+https://github.com/egoist/vue-content-loader.git","type":"git"},"main":"dist/vue-content-loader.cjs.js","module":"dist/vue-content-loader.es.js","cdn":"dist/vue-content-loader.umd.min.js","unpkg":"dist/vue-content-loader.umd.min.js","jsdelivr":"dist/vue-content-loader.umd.min.js","types":"dist/index.d.ts","sideEffects":false,"scripts":{"prepublishOnly":"npm run build","test":"jest","test:dev":"jest --watch","build":"bili","storybook":"poi -so --config stories/poi.config.js","build:storybook":"poi --prod --config stories/poi.config.js","format":"prettier -w ."},"author":{"name":"EGOIST","email":"0x142857@gmail.com"},"license":"MIT","devDependencies":{"@babel/core":"^7.14.6","@babel/preset-env":"^7.14.7","@types/poi":"^12.5.2","@vue/babel-plugin-jsx":"^1.0.6","@vue/compiler-sfc":"^3.1.2","@vue/test-utils":"^2.0.0-rc.9","babel-jest":"^27.0.6","bili":"^5.0.5","jest":"^27.0.6","poi":"12.10.3","prettier":"^2.5.0","regenerator-runtime":"^0.13.9","rollup-plugin-typescript2":"^0.31.1","typescript":"^4.3.4","vue":"^3.0.5","vue-loader":"^16.3.0","vue-router":"^4.0.3"},"peerDependencies":{"vue":"^3"},"gitHead":"275b8d71a4ac05099e3a58d6cd3cbf4612df3146","bugs":{"url":"https://github.com/egoist/vue-content-loader/issues"},"homepage":"https://github.com/egoist/vue-content-loader#readme","_id":"vue-content-loader@2.0.1","_nodeVersion":"17.1.0","_npmVersion":"7.24.2","dist":{"shasum":"c6a3ff0e653671e5e8cff9e0c3814e6d04d3411d","size":9591,"noattachment":false,"key":"/vue-content-loader/-/vue-content-loader-2.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/vue-content-loader/download/vue-content-loader-2.0.1.tgz"},"_npmUser":{"name":"egoist","email":"0x142857@gmail.com"},"directories":{},"maintainers":[{"name":"egoist","email":"0x142857@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-content-loader_2.0.1_1638210749921_0.6133877655806466"},"_hasShrinkwrap":false,"publish_time":1638210750085,"_cnpm_publish_time":1638210750085},"2.0.0":{"name":"vue-content-loader","version":"2.0.0","description":"SVG component to create placeholder loading, like Facebook cards loading.","repository":{"url":"git+https://github.com/egoist/vue-content-loader.git","type":"git"},"main":"dist/vue-content-loader.cjs.js","module":"dist/vue-content-loader.es.js","cdn":"dist/vue-content-loader.umd.min.js","unpkg":"dist/vue-content-loader.umd.min.js","jsdelivr":"dist/vue-content-loader.umd.min.js","types":"dist/index.d.ts","sideEffects":false,"scripts":{"prepublishOnly":"npm run build","test":"jest","test:dev":"jest --watch","build":"bili","storybook":"poi -so --config stories/poi.config.js","build:storybook":"poi --prod --config stories/poi.config.js"},"author":{"name":"EGOIST","email":"0x142857@gmail.com"},"license":"MIT","devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@types/poi":"^12.5.0","@vue/babel-plugin-jsx":"^1.0.2","@vue/compiler-sfc":"^3.0.5","@vue/test-utils":"^2.0.0-beta.14","babel-jest":"^26.6.3","bili":"^5.0.5","jest":"^26.6.3","poi":"12.10.3","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.3","vue":"^3.0.5","vue-loader":"^16.1.2","vue-router":"^4.0.3"},"peerDependencies":{"vue":"^3"},"gitHead":"3954d20ac6d47af1808241bbfb519525c3abf96c","bugs":{"url":"https://github.com/egoist/vue-content-loader/issues"},"homepage":"https://github.com/egoist/vue-content-loader#readme","_id":"vue-content-loader@2.0.0","_nodeVersion":"15.6.0","_npmVersion":"6.14.11","dist":{"shasum":"8e3ef340505ec2a3a45d14f6b8c5ca588b110505","size":9568,"noattachment":false,"key":"/vue-content-loader/-/vue-content-loader-2.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/vue-content-loader/download/vue-content-loader-2.0.0.tgz"},"_npmUser":{"name":"egoist","email":"0x142857@gmail.com"},"directories":{},"maintainers":[{"name":"egoist","email":"0x142857@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-content-loader_2.0.0_1611757833618_0.04326463920434698"},"_hasShrinkwrap":false,"publish_time":1611757833802,"_cnpm_publish_time":1611757833802},"1.0.1":{"name":"vue-content-loader","version":"1.0.1","description":"SVG component to create placeholder loading, like Facebook cards loading.","repository":{"url":"git+https://github.com/egoist/vue-content-loader.git","type":"git"},"main":"dist/vue-content-loader.cjs.js","module":"dist/vue-content-loader.es.js","cdn":"dist/vue-content-loader.umd.min.js","unpkg":"dist/vue-content-loader.umd.min.js","jsdelivr":"dist/vue-content-loader.umd.min.js","sideEffects":false,"scripts":{"prepublishOnly":"npm run build","test":"jest","test:dev":"jest --watch","build":"bili","storybook":"poi -so --config stories/poi.config.js","build:storybook":"poi --prod --config stories/poi.config.js"},"author":{"name":"EGOIST","email":"0x142857@gmail.com"},"license":"MIT","devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@types/poi":"^12.5.0","@vue/babel-plugin-jsx":"^1.0.2","@vue/compiler-sfc":"^3.0.5","@vue/test-utils":"^2.0.0-beta.14","babel-jest":"^26.6.3","bili":"^5.0.5","jest":"^26.6.3","poi":"12.10.3","vue":"^3.0.5","vue-loader":"^16.1.2","vue-router":"^4.0.3"},"peerDependencies":{"vue":"^3"},"gitHead":"728a4ec2e6e41b890cef86639f66c7b8a8da9be4","bugs":{"url":"https://github.com/egoist/vue-content-loader/issues"},"homepage":"https://github.com/egoist/vue-content-loader#readme","_id":"vue-content-loader@1.0.1","_nodeVersion":"15.5.1","_npmVersion":"6.14.11","dist":{"shasum":"0d281b35a7672c177887941b203b0155c00daa27","size":7933,"noattachment":false,"key":"/vue-content-loader/-/vue-content-loader-1.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/vue-content-loader/download/vue-content-loader-1.0.1.tgz"},"_npmUser":{"name":"egoist","email":"0x142857@gmail.com"},"directories":{},"maintainers":[{"name":"egoist","email":"0x142857@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-content-loader_1.0.1_1611048070873_0.8430830707675554"},"_hasShrinkwrap":false,"publish_time":1611048070990,"_cnpm_publish_time":1611048070990},"1.0.0":{"name":"vue-content-loader","version":"1.0.0","description":"SVG component to create placeholder loading, like Facebook cards loading.","repository":{"url":"git+https://github.com/egoist/vue-content-loader.git","type":"git"},"main":"dist/vue-content-loader.cjs.js","module":"dist/vue-content-loader.es.js","cdn":"dist/vue-content-loader.umd.min.js","unpkg":"dist/vue-content-loader.umd.min.js","jsdelivr":"dist/vue-content-loader.umd.min.js","sideEffects":false,"scripts":{"prepublishOnly":"npm run build","test":"echo fine","build":"bili","storybook":"poi -so --config stories/poi.config.js","build:storybook":"poi --prod --config stories/poi.config.js"},"author":{"name":"EGOIST","email":"0x142857@gmail.com"},"license":"MIT","devDependencies":{"@types/poi":"^12.5.0","@vue/babel-plugin-jsx":"^1.0.2","@vue/compiler-sfc":"^3.0.5","bili":"^5.0.5","poi":"12.10.3","vue":"^3.0.5","vue-loader":"^16.1.2","vue-router":"^4.0.3"},"peerDependencies":{"vue":"^3"},"gitHead":"007bde69687b5b3139023b721923b0a74df30788","bugs":{"url":"https://github.com/egoist/vue-content-loader/issues"},"homepage":"https://github.com/egoist/vue-content-loader#readme","_id":"vue-content-loader@1.0.0","_nodeVersion":"15.5.1","_npmVersion":"6.14.11","dist":{"shasum":"1e936f7239db30af2dd41533e4526c81486316e1","size":7713,"noattachment":false,"key":"/vue-content-loader/-/vue-content-loader-1.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/vue-content-loader/download/vue-content-loader-1.0.0.tgz"},"_npmUser":{"name":"egoist","email":"0x142857@gmail.com"},"directories":{},"maintainers":[{"name":"egoist","email":"0x142857@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-content-loader_1.0.0_1610985151049_0.9614227990415125"},"_hasShrinkwrap":false,"publish_time":1610985151183,"_cnpm_publish_time":1610985151183},"0.2.3":{"name":"vue-content-loader","version":"0.2.3","description":"SVG component to create placeholder loading, like Facebook cards loading.","repository":{"url":"git+https://github.com/egoist/vue-content-loader.git","type":"git"},"main":"dist/vue-content-loader.cjs.js","module":"dist/vue-content-loader.es.js","cdn":"dist/vue-content-loader.min.js","unpkg":"dist/vue-content-loader.min.js","jsdelivr":"dist/vue-content-loader.min.js","sideEffects":false,"scripts":{"prepublishOnly":"npm run build","test":"echo fine","build":"bili --format cjs,es,umd,umd-min --module-name contentLoaders","storybook":"poi -so --config stories/poi.config.js","build:storybook":"poi --prod --config stories/poi.config.js"},"author":{"name":"EGOIST","email":"0x142857@gmail.com"},"license":"MIT","devDependencies":{"@types/poi":"^12.5.0","babel-plugin-transform-vue-jsx":"^4","bili":"^3.0.12","poi":"^12.6.10","vue":"^2.6.10","vue-router":"^3.0.6","vue-template-compiler":"^2.6.10","vue-test-utils":"^1.0.0-beta.9"},"dependencies":{"babel-helper-vue-jsx-merge-props":"^2.0.3"},"gitHead":"1052c1ed835de8120ece3cf220a88bc73df8f3d4","bugs":{"url":"https://github.com/egoist/vue-content-loader/issues"},"homepage":"https://github.com/egoist/vue-content-loader#readme","_id":"vue-content-loader@0.2.3","_nodeVersion":"13.8.0","_npmVersion":"6.13.6","dist":{"shasum":"8516a2536b375ce5363ae6a14f5ff5ecbd13b696","size":8868,"noattachment":false,"key":"/vue-content-loader/-/vue-content-loader-0.2.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/vue-content-loader/download/vue-content-loader-0.2.3.tgz"},"maintainers":[{"name":"egoist","email":"0x142857@gmail.com"}],"_npmUser":{"name":"egoist","email":"0x142857@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-content-loader_0.2.3_1583245220773_0.3373632472713999"},"_hasShrinkwrap":false,"publish_time":1583245221120,"_cnpm_publish_time":1583245221120},"0.2.2":{"name":"vue-content-loader","version":"0.2.2","description":"SVG component to create placeholder loading, like Facebook cards loading.","repository":{"url":"git+https://github.com/egoist/vue-content-loader.git","type":"git"},"main":"dist/vue-content-loader.cjs.js","module":"dist/vue-content-loader.es.js","cdn":"dist/vue-content-loader.min.js","unpkg":"dist/vue-content-loader.min.js","jsdelivr":"dist/vue-content-loader.min.js","sideEffects":false,"scripts":{"prepublishOnly":"npm run build","test":"echo fine","build":"bili --format cjs,es,umd,umd-min --module-name contentLoaders","storybook":"poi --config .storybook/poi.config.js","build:storybook":"poi build --config .storybook/poi.config.js"},"author":{"name":"EGOIST","email":"0x142857@gmail.com"},"license":"MIT","poi":{"entry":"example/index.js","dist":"example/dist","homepage":"./"},"devDependencies":{"@poi/plugin-storybook":"^10.0.0-rc.2","@storybook/vue":"^3.3.15","babel-plugin-transform-vue-jsx":"^4","bili":"^3.0.12","poi":"^10.0.0-rc.6","vue-test-utils":"^1.0.0-beta.9","webpack":"^4.2.0"},"dependencies":{"babel-helper-vue-jsx-merge-props":"^2.0.3"},"gitHead":"1bb191e83933964023db71740270c840d1abcea9","bugs":{"url":"https://github.com/egoist/vue-content-loader/issues"},"homepage":"https://github.com/egoist/vue-content-loader#readme","_id":"vue-content-loader@0.2.2","_nodeVersion":"12.4.0","_npmVersion":"6.9.0","dist":{"shasum":"c093b656edac3f2a2e3215eaa198ba1852ad6b7b","size":8605,"noattachment":false,"key":"/vue-content-loader/-/vue-content-loader-0.2.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/vue-content-loader/download/vue-content-loader-0.2.2.tgz"},"maintainers":[{"name":"egoist","email":"0x142857@gmail.com"}],"_npmUser":{"name":"egoist","email":"0x142857@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-content-loader_0.2.2_1560494964932_0.7818744416222354"},"_hasShrinkwrap":false,"publish_time":1560494965045,"_cnpm_publish_time":1560494965045},"0.2.1":{"name":"vue-content-loader","version":"0.2.1","description":"SVG component to create placeholder loading, like Facebook cards loading.","repository":{"url":"https://github.com/egoist/vue-content-loader.git","type":"git"},"main":"dist/vue-content-loader.cjs.js","module":"dist/vue-content-loader.es.js","cdn":"dist/vue-content-loader.min.js","unpkg":"dist/vue-content-loader.min.js","jsdelivr":"dist/vue-content-loader.min.js","files":["dist"],"sideEffects":false,"scripts":{"prepublishOnly":"npm run build","test":"echo fine","build":"bili --format cjs,es,umd,umd-min --module-name contentLoaders","storybook":"poi --config .storybook/poi.config.js","build:storybook":"poi build --config .storybook/poi.config.js"},"author":{"name":"EGOIST","email":"0x142857@gmail.com"},"license":"MIT","poi":{"entry":"example/index.js","dist":"example/dist","homepage":"./"},"devDependencies":{"@poi/plugin-storybook":"^10.0.0-beta.2","@storybook/vue":"^3.3.15","babel-plugin-transform-vue-jsx":"^4","bili":"^3.0.12","mini-css-extract-plugin":"^0.2.0","poi":"^10.0.0-beta.6","vue-test-utils":"^1.0.0-beta.9","webpack":"^4.2.0"},"dependencies":{"babel-helper-vue-jsx-merge-props":"^2.0.3"},"_id":"vue-content-loader@0.2.1","dist":{"shasum":"0eb332e2a72643d57fb209d72d6526573b191f5a","size":8370,"noattachment":false,"key":"/vue-content-loader/-/vue-content-loader-0.2.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/vue-content-loader/download/vue-content-loader-0.2.1.tgz"},"maintainers":[{"name":"egoist","email":"0x142857@gmail.com"}],"_npmUser":{"name":"rem","email":"shinjisays@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-content-loader_0.2.1_1521694530335_0.9897603787256775"},"_hasShrinkwrap":false,"publish_time":1521694530410,"_cnpm_publish_time":1521694530410},"0.2.0":{"name":"vue-content-loader","version":"0.2.0","description":"SVG component to create placeholder loading, like Facebook cards loading.","repository":{"url":"https://github.com/egoist/vue-content-loader.git","type":"git"},"main":"dist/vue-content-loader.cjs.js","files":["dist"],"sideEffects":false,"scripts":{"prepublishOnly":"npm run build","test":"echo fine","build":"bili --format cjs,es,umd,umd-min --module-name contentLoaders","storybook":"poi --config .storybook/poi.config.js","build:storybook":"poi build --config .storybook/poi.config.js"},"author":{"name":"EGOIST","email":"0x142857@gmail.com"},"license":"MIT","poi":{"entry":"example/index.js","dist":"example/dist","homepage":"./"},"devDependencies":{"@poi/plugin-storybook":"^10.0.0-beta.2","@storybook/vue":"^3.3.15","babel-plugin-transform-vue-jsx":"^4","bili":"^3.0.12","mini-css-extract-plugin":"^0.2.0","poi":"^10.0.0-beta.6","vue-test-utils":"^1.0.0-beta.9","webpack":"^4.2.0"},"dependencies":{"babel-helper-vue-jsx-merge-props":"^2.0.3"},"_id":"vue-content-loader@0.2.0","dist":{"shasum":"cff373df3d55cb09958e7ce3346c61b7f5e5a2cb","size":8267,"noattachment":false,"key":"/vue-content-loader/-/vue-content-loader-0.2.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/vue-content-loader/download/vue-content-loader-0.2.0.tgz"},"maintainers":[{"name":"egoist","email":"0x142857@gmail.com"}],"_npmUser":{"name":"rem","email":"shinjisays@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-content-loader_0.2.0_1521691521374_0.7985144230822891"},"_hasShrinkwrap":false,"publish_time":1521691521602,"_cnpm_publish_time":1521691521602},"0.1.3":{"name":"vue-content-loader","version":"0.1.3","description":"markdown file with metadata to vue component loader.","main":"index.js","scripts":{"dev":"cd example && webpack-dev-server --inline --hot --port 8888"},"repository":{"type":"git","url":"git+https://github.com/alidcastano/vue-content-loader.git"},"keywords":["vue","front-mater","metadata","markdown","webpack","loader"],"author":{"name":"Alid Castano","email":"Alid Castano"},"license":"WTFPL","dependencies":{"cheerio":"^0.20.0","front-matter":"^2.1.2","highlight.js":"^9.4.0","loader-utils":"^0.2.15","markdown-it":"^6.0.5"},"peerDependencies":{"vue-loader":">=10.0.0"},"devDependencies":{"babel-core":"^6.17.0","babel-loader":"^6.2.5","babel-preset-es2015":"^6.16.0","css-loader":"^0.25.0","github-markdown-css":"^2.3.0","style-loader":"^0.13.1","vue":"^2.0.3","vue-loader":"^12.1.0","vue-template-compiler":"^2.3.3","webpack":"^2.6.0","webpack-dev-server":"^2.4.5"},"gitHead":"c0d5b4d76b4e8b787459c8cc07bac43c11c5e519","bugs":{"url":"https://github.com/alidcastano/vue-content-loader/issues"},"homepage":"https://github.com/alidcastano/vue-content-loader#readme","_id":"vue-content-loader@0.1.3","_npmVersion":"5.0.0","_nodeVersion":"8.0.0","_npmUser":{"name":"alidcastano","email":"alidcastano@gmail.com"},"dist":{"shasum":"a56c409513f86ca99e780bafb382fca6eeef32a6","size":43465,"noattachment":false,"key":"/vue-content-loader/-/vue-content-loader-0.1.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/vue-content-loader/download/vue-content-loader-0.1.3.tgz"},"maintainers":[{"name":"egoist","email":"0x142857@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-content-loader-0.1.3.tgz_1497837335585_0.06801963550969958"},"directories":{},"publish_time":1497837336770,"_hasShrinkwrap":false,"_cnpm_publish_time":1497837336770},"0.1.2":{"name":"vue-content-loader","version":"0.1.2","description":"markdown file with metadata to vue component loader.","main":"index.js","scripts":{"dev":"cd example && webpack-dev-server --inline --hot --port 8888"},"repository":{"type":"git","url":"git+https://github.com/alidcastano/vue-content-loader.git"},"keywords":["vue","front-mater","metadata","markdown","webpack","loader"],"author":{"name":"Alid Castano","email":"Alid Castano"},"license":"WTFPL","dependencies":{"cheerio":"^0.20.0","front-matter":"^2.1.2","highlight.js":"^9.4.0","loader-utils":"^0.2.15","markdown-it":"^6.0.5"},"peerDependencies":{"vue-loader":">=10.0.0"},"devDependencies":{"babel-core":"^6.17.0","babel-loader":"^6.2.5","babel-preset-es2015":"^6.16.0","css-loader":"^0.25.0","github-markdown-css":"^2.3.0","style-loader":"^0.13.1","vue":"^2.0.3","vue-loader":"^12.1.0","vue-template-compiler":"^2.3.3","webpack":"^2.6.0","webpack-dev-server":"^2.4.5"},"gitHead":"5127f5fadd147161c08eb95f83356357544c3c67","bugs":{"url":"https://github.com/alidcastano/vue-content-loader/issues"},"homepage":"https://github.com/alidcastano/vue-content-loader#readme","_id":"vue-content-loader@0.1.2","_npmVersion":"5.0.0","_nodeVersion":"8.0.0","_npmUser":{"name":"alidcastano","email":"alidcastano@gmail.com"},"dist":{"shasum":"e04735168607dd8a3ec813b23acffd7959039435","size":43466,"noattachment":false,"key":"/vue-content-loader/-/vue-content-loader-0.1.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/vue-content-loader/download/vue-content-loader-0.1.2.tgz"},"maintainers":[{"name":"egoist","email":"0x142857@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-content-loader-0.1.2.tgz_1497826378504_0.1578684791456908"},"directories":{},"publish_time":1497826379621,"_cnpm_publish_time":1497826379621,"_hasShrinkwrap":false},"0.1.1":{"name":"vue-content-loader","version":"0.1.1","description":"markdown file with metadata to vue component loader.","main":"index.js","scripts":{"dev":"cd example && webpack-dev-server --inline --hot --port 8888"},"repository":{"type":"git","url":"git+https://github.com/alidcastano/vue-content-loader.git"},"keywords":["vue","front-mater","metadata","markdown","webpack","loader"],"author":{"name":"Alid Castano","email":"Alid Castano"},"license":"WTFPL","dependencies":{"cheerio":"^0.20.0","front-matter":"^2.1.2","highlight.js":"^9.4.0","loader-utils":"^0.2.15","markdown-it":"^6.0.5"},"peerDependencies":{"vue-loader":">=10.0.0"},"devDependencies":{"babel-core":"^6.17.0","babel-loader":"^6.2.5","babel-preset-es2015":"^6.16.0","css-loader":"^0.25.0","github-markdown-css":"^2.3.0","style-loader":"^0.13.1","vue":"^2.0.3","vue-loader":"^12.1.0","vue-template-compiler":"^2.3.3","webpack":"^2.6.0","webpack-dev-server":"^2.4.5"},"gitHead":"91bd4c1bf8dd52df1cb492f18c2152f0c5c08479","bugs":{"url":"https://github.com/alidcastano/vue-content-loader/issues"},"homepage":"https://github.com/alidcastano/vue-content-loader#readme","_id":"vue-content-loader@0.1.1","_npmVersion":"5.0.0","_nodeVersion":"8.0.0","_npmUser":{"name":"alidcastano","email":"alidcastano@gmail.com"},"dist":{"shasum":"da844939565d1e9be3074fde751c0262637e0302","size":43435,"noattachment":false,"key":"/vue-content-loader/-/vue-content-loader-0.1.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/vue-content-loader/download/vue-content-loader-0.1.1.tgz"},"maintainers":[{"name":"egoist","email":"0x142857@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-content-loader-0.1.1.tgz_1497824246051_0.5186488970648497"},"directories":{},"publish_time":1497824247245,"_hasShrinkwrap":false,"_cnpm_publish_time":1497824247245},"0.1.0":{"name":"vue-content-loader","version":"0.1.0","description":"markdown file with metadata to vue component loader.","main":"index.js","scripts":{"dev":"cd example && webpack-dev-server --inline --hot --port 8888"},"repository":{"type":"git","url":"git+https://github.com/alidcastano/vue-content-loader.git"},"keywords":["vue","front-mater","metadata","markdown","webpack","loader"],"author":{"name":"Alid Castano","email":"Alid Castano"},"license":"WTFPL","dependencies":{"cheerio":"^0.20.0","front-matter":"^2.1.2","highlight.js":"^9.4.0","loader-utils":"^0.2.15","markdown-it":"^6.0.5"},"peerDependencies":{"vue-loader":">=10.0.0"},"devDependencies":{"babel-core":"^6.17.0","babel-loader":"^6.2.5","babel-preset-es2015":"^6.16.0","css-loader":"^0.25.0","github-markdown-css":"^2.3.0","style-loader":"^0.13.1","vue":"^2.0.3","vue-loader":"^12.1.0","vue-template-compiler":"^2.3.3","webpack":"^2.6.0","webpack-dev-server":"^2.4.5"},"gitHead":"763da7abe9211cb911884e4d12b649fc0593383f","bugs":{"url":"https://github.com/alidcastano/vue-content-loader/issues"},"homepage":"https://github.com/alidcastano/vue-content-loader#readme","_id":"vue-content-loader@0.1.0","_npmVersion":"5.0.0","_nodeVersion":"8.0.0","_npmUser":{"name":"alidcastano","email":"alidcastano@gmail.com"},"dist":{"shasum":"15ab5dc34b7a6a5295cc99f3353318ac2010538c","size":43218,"noattachment":false,"key":"/vue-content-loader/-/vue-content-loader-0.1.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/vue-content-loader/download/vue-content-loader-0.1.0.tgz"},"maintainers":[{"name":"egoist","email":"0x142857@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-content-loader-0.1.0.tgz_1497485570203_0.7812621626071632"},"directories":{},"publish_time":1497485571315,"_cnpm_publish_time":1497485571315,"_hasShrinkwrap":false}},"readme":"# vue-content-loader\n\n[![NPM version](https://img.shields.io/npm/v/vue-content-loader.svg?style=flat)](https://npmjs.com/package/vue-content-loader) [![NPM downloads](https://img.shields.io/npm/dm/vue-content-loader.svg?style=flat)](https://npmjs.com/package/vue-content-loader) [![CircleCI](https://circleci.com/gh/egoist/vue-content-loader/tree/master.svg?style=shield)](https://circleci.com/gh/egoist/vue-content-loader/tree/master)\n\nSVG component to create placeholder loading, like Facebook cards loading.\n\n![preview](https://user-images.githubusercontent.com/4838076/34308760-ec55df82-e735-11e7-843b-2e311fa7b7d0.gif)\n\n## Features\n\nThis is a Vue port for [react-content-loader](https://github.com/danilowoz/react-content-loader).\n\n- Completely customizable: you can change the colors, speed and sizes.\n- Create your own loading: use the [online tool](https://create-content-loader.now.sh/) to create your custom loader easily.\n- You can use it right now: there are a lot of presets already.\n- Performance:\n  - Tree-shakable and highly optimized bundle.\n  - Pure SVG, so it's works without any javascript, canvas, etc.\n  - Pure functional components.\n\n## Install\n\n⚠️ **The latest version is compatible with Vue 3 only.** For Vue 2 & Nuxt 2, use `vue-content-loader@^0.2` instead.\n\nWith npm:\n\n```bash\nnpm i vue-content-loader\n```\n\nOr with yarn:\n\n```bash\nyarn add vue-content-loader\n```\n\nCDN: [UNPKG](https://unpkg.com/vue-content-loader/) | [jsDelivr](https://cdn.jsdelivr.net/npm/vue-content-loader/) (available as `window.contentLoaders`)\n\n## Usage\n\n???????? Demo: [CodeSandbox](https://codesandbox.io/s/vue-content-loader-igfyf?file=/src/App.vue)\n\n```vue\n<template>\n  <content-loader></content-loader>\n</template>\n\n<script>\nimport { ContentLoader } from 'vue-content-loader'\n\nexport default {\n  components: {\n    ContentLoader,\n  },\n}\n</script>\n```\n\n### Built-in loaders\n\n```js\nimport {\n  ContentLoader,\n  FacebookLoader,\n  CodeLoader,\n  BulletListLoader,\n  InstagramLoader,\n  ListLoader,\n} from 'vue-content-loader'\n```\n\n`ContentLoader` is a meta loader while other loaders are just higher-order components of it. By default `ContentLoader` only displays a simple rectangle, here's how you can use it to create custom loaders:\n\n```vue\n<ContentLoader viewBox=\"0 0 250 110\">\n  <rect x=\"0\" y=\"0\" rx=\"3\" ry=\"3\" width=\"250\" height=\"10\" />\n  <rect x=\"20\" y=\"20\" rx=\"3\" ry=\"3\" width=\"220\" height=\"10\" />\n  <rect x=\"20\" y=\"40\" rx=\"3\" ry=\"3\" width=\"170\" height=\"10\" />\n  <rect x=\"0\" y=\"60\" rx=\"3\" ry=\"3\" width=\"250\" height=\"10\" />\n  <rect x=\"20\" y=\"80\" rx=\"3\" ry=\"3\" width=\"200\" height=\"10\" />\n  <rect x=\"20\" y=\"100\" rx=\"3\" ry=\"3\" width=\"80\" height=\"10\" />\n</ContentLoader>\n```\n\nThis is also how [ListLoader](./src/ListLoader.js) is created.\n\nYou can also use the [online tool](http://danilowoz.com/create-vue-content-loader/) to create shapes for your custom loader.\n\n## API\n\n### Props\n\n| Prop                | Type           | Default                                  | Description                                                                                                                                                                                                                                                                                                 |\n| ------------------- | -------------- | ---------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width               | number, string |                                          | SVG width in pixels without unit                                                                                                                                                                                                                                                                            |\n| height              | number, string |                                          | SVG height in pixels without unit                                                                                                                                                                                                                                                                           |\n| viewBox             | string         | `'0 0 ${width ?? 400} ${height ?? 130}'` | See [SVG viewBox](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox) attribute                                                                                                                                                                                                             |\n| preserveAspectRatio | string         | `'xMidYMid meet'`                        | See [SVG preserveAspectRatio](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio) attribute                                                                                                                                                                                     |\n| speed               | number         | `2`                                      | Animation speed                                                                                                                                                                                                                                                                                             |\n| primaryColor        | string         | `'#f9f9f9'`                              | Background color                                                                                                                                                                                                                                                                                            |\n| secondaryColor      | string         | `'#ecebeb'`                              | Highlight color                                                                                                                                                                                                                                                                                             |\n| uniqueKey           | string         | `randomId()`                             | Unique ID, you need to make it consistent for SSR                                                                                                                                                                                                                                                           |\n| animate             | boolean        | `true`                                   |                                                                                                                                                                                                                                                                                                             |\n| baseUrl             | string         | empty string                             | Required if you're using `<base url=\"/\" />` in your `<head />`. Defaults to an empty string. This prop is common used as: `<content-loader :base-url=\"$route.fullPath\" />` which will fill the SVG attribute with the relative path. Related [#14](https://github.com/egoist/vue-content-loader/issues/14). |\n| primaryOpacity      | number         | `1`                                      | Background opacity (0 = transparent, 1 = opaque) used to solve an issue in Safari                                                                                                                                                                                                                           |\n| secondaryOpacity    | number         | `1`                                      | Background opacity (0 = transparent, 1 = opaque) used to solve an issue in Safari                                                                                                                                                                                                                           |\n\n## Examples\n\n### Responsiveness\n\nTo create a responsive loader that will follow its parent container width, use only the `viewBox` attribute to set the ratio:\n\n```vue\n<ContentLoader viewBox=\"0 0 300 200\">\n  <!-- ... -->\n</ContentLoader>\n```\n\nTo create a loader with fixed dimensions, use `width` and `height` attributes:\n\n```vue\n<ContentLoader width=\"300\" height=\"200\">\n  <!-- ... -->\n</ContentLoader>\n```\n\nNote: the exact behavior might be different depending on the CSS you apply to SVG elements.\n\n## Credits\n\nThis is basically a Vue port for [react-content-loader](https://github.com/danilowoz/react-content-loader).\n\n[Thanks to @alidcastano for transferring the package name to me.](https://github.com/egoist/vue-content-loader/issues/1) ????\n\n## License\n\nMIT &copy; [EGOIST](https://github.com/egoist)\n","_attachments":{},"homepage":"https://github.com/egoist/vue-content-loader#readme","bugs":{"url":"https://github.com/egoist/vue-content-loader/issues"},"license":"MIT"}