{"_id":"@codehat/vue-img-cards","_rev":"16-1e43edb98cfd248de880363219f9bd41","time":{"0.1.0":"2021-07-13T02:47:16.515Z","0.1.1":"2021-07-13T02:47:16.515Z","0.1.2":"2021-07-13T02:47:16.515Z","0.1.3":"2021-07-13T02:47:16.515Z","0.1.4":"2021-07-13T02:47:16.515Z","0.1.5":"2021-07-13T02:47:16.515Z","0.1.6":"2021-07-13T02:47:16.515Z","0.1.7":"2021-07-13T02:47:16.515Z","0.1.8":"2021-07-13T02:47:16.515Z","created":"2021-07-14T16:04:56.490Z","1.2.0":"2021-07-14T16:04:56.765Z","modified":"2022-04-05T00:02:55.919Z","1.2.1":"2021-07-14T16:26:03.188Z","1.3.1":"2021-07-14T16:29:54.341Z"},"name":"@codehat/vue-img-cards","dist-tags":{"latest":"1.3.1"},"versions":{"1.2.0":{"name":"@codehat/vue-img-cards","version":"1.2.0","author":{"name":"manojap"},"license":"MIT","description":"A set of Vue image card components for special purposes","main":"dist/vue-img-cards.ssr.js","browser":"dist/vue-img-cards.esm.js","module":"dist/vue-img-cards.esm.js","unpkg":"dist/vue-img-cards.min.js","types":"vue-img-cards.d.ts","repository":{"url":"git://github.com/manojap/vue-img-cards.git"},"keywords":["vue-aniamation","image-animation","vue-library","image-card"],"sideEffects":false,"scripts":{"serve":"vue-cli-service serve dev/serve.ts","build":"cross-env NODE_ENV=production rollup --config build/rollup.config.js","build:ssr":"cross-env NODE_ENV=production rollup --config build/rollup.config.js --format cjs","build:es":"cross-env NODE_ENV=production rollup --config build/rollup.config.js --format es","build:unpkg":"cross-env NODE_ENV=production rollup --config build/rollup.config.js --format iife"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@rollup/plugin-alias":"^3.1.1","@rollup/plugin-babel":"^5.2.2","@rollup/plugin-commonjs":"^17.0.0","@rollup/plugin-node-resolve":"^11.0.1","@rollup/plugin-replace":"^2.3.4","@vue/cli-plugin-babel":"^4.5.10","@vue/cli-plugin-typescript":"^4.5.10","@vue/cli-service":"^3.12.1","cross-env":"^7.0.3","minimist":"^1.2.5","rollup":"^2.36.1","rollup-plugin-terser":"^7.0.2","rollup-plugin-vue":"^5.1.9","typescript":"^3.8.3","vue":"^2.6.12","vue-template-compiler":"^2.6.12"},"peerDependencies":{"vue":"^2.6.12"},"engines":{"node":">=12"},"dependencies":{},"gitHead":"a833330a29c51196f79894937e3ec82c0552c703","bugs":{"url":"https://github.com/manojap/vue-img-cards/issues"},"homepage":"https://github.com/manojap/vue-img-cards#readme","_id":"@codehat/vue-img-cards@1.2.0","_nodeVersion":"16.2.0","_npmVersion":"7.19.1","dist":{"integrity":"sha512-7iE3GywOM+Ll+obU392Ko7UO3iQVlihRpNJ6Hi+QeOByfneuaMCHB6oPyXHuBqXQrrnUGBuQfVpYENr/bgTR7A==","shasum":"d88c1c32683576a6e5a121d63ba437e22df62b24","tarball":"https://registry.npmjs.org/@codehat/vue-img-cards/-/vue-img-cards-1.2.0.tgz","fileCount":8,"unpackedSize":48590,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7wspCRA9TVsSAnZWagAAKUsP/3n/RLAUvjMGGZJ7lGet\nPkWn4L8pRPZFqY2MWsQVphjs0rgCtf5uKy0GQZYFLcHCPGpk+qokiSht2gv6\nxDWiLoWRdgvTJ3XJOCqu8tYGS5Nb8+Q/fCP2ZVy1hoiEaK+G0NyZ0/fR3uh7\nnx0hytxLoN/PP0dT0GU81pUuON12dxBp/CBR/gf1emxsY29Oa/KGmUreZHLE\nis6REb5oiBR0zro62yIxe5qj988ugFILNSGtyxHMywCiQ160L/PTa1S2W28G\nasdhsyYGWEAPC7B/jDBtr85TvldP1+Lqt3lkqVB3sdIjvAEczJAEly6H7E6H\nRJsu0jf3fOICHlQaQkJBNLhlfLeQ4a3m5B1aVrvVvFy+pAyL5CVGCiq70/6D\nqNm6rweviGvEI/yKOHXhgQcz5cjICPDxKmN3Xqf9AK+awI/NofwanOY0NEWa\nkLDvOc0CpVJ2Qhzf2ji87b2jNlmm+m4bhUDMSO8G+5hIM3tBEG0cI19S++UZ\n++RPnIgz9AZvrEDuCKeuw/7t5E3Zvr7lY5W5F37K4GOotWgcy7M8a4+cwYSx\n7LC9JGnCloaqNjtatx23xMyRlkTvWyTYVgPPZCESs8ffbGt2oYj7IYiMGR37\nZsYbev6QB49pwN3rqArX4AeMy4FNOvBQnKIzriKpb2Ek1bVQBUXFiSAeSrs2\n30SO\r\n=NT3O\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDbml7VV1tkXT5AciK9AbrFGi8SgKBHLiU7hJzvJw98uAIhAIbizzHqkge8GcZr/KDi9sKopuFl5AFpmy5aoP/DmCt2"}]},"_npmUser":{"name":"codehat","email":"codehat@outlook.com"},"directories":{},"maintainers":[{"name":"codehat","email":"codehat@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-img-cards_1.2.0_1626278696538_0.7077157961515912"},"_hasShrinkwrap":false},"1.2.1":{"name":"@codehat/vue-img-cards","version":"1.2.1","author":{"name":"manojap"},"license":"MIT","description":"A set of Vue image card components for special purposes","main":"dist/vue-img-cards.ssr.js","browser":"dist/vue-img-cards.esm.js","module":"dist/vue-img-cards.esm.js","unpkg":"dist/vue-img-cards.min.js","types":"vue-img-cards.d.ts","repository":{"url":"git://github.com/manojap/vue-img-cards.git"},"keywords":["vue-aniamation","image-animation","vue-library","image-card"],"sideEffects":false,"scripts":{"serve":"vue-cli-service serve dev/serve.ts","build":"cross-env NODE_ENV=production rollup --config build/rollup.config.js","build:ssr":"cross-env NODE_ENV=production rollup --config build/rollup.config.js --format cjs","build:es":"cross-env NODE_ENV=production rollup --config build/rollup.config.js --format es","build:unpkg":"cross-env NODE_ENV=production rollup --config build/rollup.config.js --format iife"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@rollup/plugin-alias":"^3.1.1","@rollup/plugin-babel":"^5.2.2","@rollup/plugin-commonjs":"^17.0.0","@rollup/plugin-node-resolve":"^11.0.1","@rollup/plugin-replace":"^2.3.4","@vue/cli-plugin-babel":"^4.5.10","@vue/cli-plugin-typescript":"^4.5.10","@vue/cli-service":"^3.12.1","cross-env":"^7.0.3","minimist":"^1.2.5","rollup":"^2.36.1","rollup-plugin-terser":"^7.0.2","rollup-plugin-vue":"^5.1.9","typescript":"^3.8.3","vue":"^2.6.12","vue-template-compiler":"^2.6.12"},"peerDependencies":{"vue":"^2.6.12"},"engines":{"node":">=12"},"dependencies":{},"gitHead":"490476c2a311464a1691e96d52cc46c572e24b8e","bugs":{"url":"https://github.com/manojap/vue-img-cards/issues"},"homepage":"https://github.com/manojap/vue-img-cards#readme","_id":"@codehat/vue-img-cards@1.2.1","_nodeVersion":"16.2.0","_npmVersion":"7.19.1","dist":{"integrity":"sha512-MZ0IgmjObbvaRp3E0cCXiOT2+PS88oBpG5AqIm0t+Y1SHr9e/BEh0Vq159siaPdQfL0b448ZRQcb12deGOV4Hg==","shasum":"c423246187c21df0bca4bc8add4358a3d3cf130b","tarball":"https://registry.npmjs.org/@codehat/vue-img-cards/-/vue-img-cards-1.2.1.tgz","fileCount":8,"unpackedSize":47148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7xAbCRA9TVsSAnZWagAAopwP/2MV/I7mxYyXLNwGau52\nLAEIVjd1dzFfGFq/zQXGpwL+5elZzVA6G1yghhNPKAnjeVRZ3u1MP207HZDF\nFiQu6l7z9X9UOVk5waNpDHSDtdaPpAJuv76NWIP4pOGMP41ydgX+VfhYdBLo\nhCp+M7Np5FfPiV7cTAbXokVaunHEwvIv88RlaFI/WTWlhmxlzSmGfEkbXpaK\nIxLYgNoe17O+Ii+OJfCgMgIJnE91HI0f1RuvhA/aK8HLU/7d9AWvfMlXMLFD\nOMrOBJkPodpmbP0jxyFnINpgTTakIdVm3be966O29hjGCn6v49H10AKunaqZ\nxF6vqvIKE6dUCndfpzkQ0XKQCsotQuqSFdR4qP0l96kv59Wa6fwdiEEQxigK\n/VN/q/WkTI2M46tiewLmHkIZSLBaWDM6JaKmDoDyOCqScRi9Zbz7F3K+hasT\nsmfW8YjgfzZr4dC+y8TnTGrhzcHMiuSopLwigwCbu45WaW9TfUKJo376w43D\npEATPgCV2Z5pPJUWwK1QzPBy4ZX6vu0RNgTpg6sE2EmkU/0C1bNituIbFyUu\nr2FblN+oHFCQTB5hHlW5RjH6S01O/Bc6Lx6u88qmspN2LQiWD4q30p6Akhs9\niBdi77bke3fz6EoYSVNDc5Rsx1PyLA38N3Z8hp/QbnZz9M2geONIGZqII+oX\nbXJs\r\n=rHQ6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC997QbsBbeY2uwQea1Oq4Tu7DhdnREn15iXwaKIf/zygIgUjrurXE4Kux5BH82Aj0gToPBBcL3D3NOKWKr8fCiUeA="}]},"_npmUser":{"name":"codehat","email":"codehat@outlook.com"},"directories":{},"maintainers":[{"name":"codehat","email":"codehat@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-img-cards_1.2.1_1626279963026_0.03857738222807239"},"_hasShrinkwrap":false},"1.3.1":{"name":"@codehat/vue-img-cards","version":"1.3.1","author":{"name":"manojap"},"license":"MIT","description":"A set of Vue image card components for special purposes","main":"dist/vue-img-cards.ssr.js","browser":"dist/vue-img-cards.esm.js","module":"dist/vue-img-cards.esm.js","unpkg":"dist/vue-img-cards.min.js","types":"vue-img-cards.d.ts","repository":{"url":"git://github.com/manojap/vue-img-cards.git"},"keywords":["vue-aniamation","image-animation","vue-library","image-card"],"sideEffects":false,"scripts":{"serve":"vue-cli-service serve dev/serve.ts","build":"cross-env NODE_ENV=production rollup --config build/rollup.config.js","build:ssr":"cross-env NODE_ENV=production rollup --config build/rollup.config.js --format cjs","build:es":"cross-env NODE_ENV=production rollup --config build/rollup.config.js --format es","build:unpkg":"cross-env NODE_ENV=production rollup --config build/rollup.config.js --format iife"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@rollup/plugin-alias":"^3.1.1","@rollup/plugin-babel":"^5.2.2","@rollup/plugin-commonjs":"^17.0.0","@rollup/plugin-node-resolve":"^11.0.1","@rollup/plugin-replace":"^2.3.4","@vue/cli-plugin-babel":"^4.5.10","@vue/cli-plugin-typescript":"^4.5.10","@vue/cli-service":"^3.12.1","cross-env":"^7.0.3","minimist":"^1.2.5","rollup":"^2.36.1","rollup-plugin-terser":"^7.0.2","rollup-plugin-vue":"^5.1.9","typescript":"^3.8.3","vue":"^2.6.12","vue-template-compiler":"^2.6.12"},"peerDependencies":{"vue":"^2.6.12"},"engines":{"node":">=12"},"dependencies":{},"gitHead":"490476c2a311464a1691e96d52cc46c572e24b8e","bugs":{"url":"https://github.com/manojap/vue-img-cards/issues"},"homepage":"https://github.com/manojap/vue-img-cards#readme","_id":"@codehat/vue-img-cards@1.3.1","_nodeVersion":"16.2.0","_npmVersion":"7.19.1","dist":{"integrity":"sha512-FyJcFqxV2jNycDYNHDn3Nna9Gg2vu6Q+ChQBxiST9LxOHu1Nkz3DeroNBYIpzYMW9izrhvQh3i7o4MXH8vrwpg==","shasum":"91982a34969e7ee05d89aa896a96b04bc336415d","tarball":"https://registry.npmjs.org/@codehat/vue-img-cards/-/vue-img-cards-1.3.1.tgz","fileCount":8,"unpackedSize":47148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7xECCRA9TVsSAnZWagAATfAQAJ5HPlykTsX1vqZ9B2cW\nFEZQDxmTeUQEc+VbJ0/9Yy6E08Az7CK8lOaQwpA070QhPDa/CvMGmLzTRCEe\ngebRL7KeNOkjDf4rLkYkYiVXKQimfdJX9BJK+0eAbbO4t6pE8GpCsJ+0laWX\nIJQFqQNXV62lUuFx3sMTrZvLAF9xELEtRDPuv/5nWF3PbLtyBKPPM8kRFRFj\nxXQpfmoRpYvWJmjLSk6P1gW1eC0lm9uNAh9O5IBwBBIEigHrdygDtCSgNyc9\nd8DNErSkApH2kyMXtFaPG3+OBK8SoBfQ1QKXLXFrU3YMdlmpSvlqONdiWLlO\nx4rPtdi+u5tpPrWubQiCfflPhY4jsQP8Rro/pmYb8BSx6pPevoKlLi4ihPkV\nEy48FJfLNzMR93T5xuN5GZuw5fg9ndyIFz11eYnooJbj6ECoOmJ9pY/w8jO2\nATza65D7lz2CRilEeqnq9BGu90nnQCdt6Ba8at5sKM/P34tGs5JLyIjozdAC\nS3g7NVfaK5gt9tDhnlwKRiDuZTWXfZu+nlt9Rw/kna44n7341BeUuOTiKvVk\nfM48RfyX3x6nZPsbAdLNwe7UJkuz5mYOXlUDb1+TyZOlCd+Rkrf9aXNzSioX\nK/KCWGjq3AoLaWEFOcc2vwfI/4D96JtsJ+8rpylVdm0cu2jsOrUBVrS/ZVEG\nOEIA\r\n=ndkS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCWCR6P0UCWwAj8fzgtO3mkBStOKIxjlMpiIIvxsgGPjwIgd8YCdIszWF9qZ6YVOpNxtCzvDZvaGEsAJQpRr+jwCVc="}]},"_npmUser":{"name":"codehat","email":"codehat@outlook.com"},"directories":{},"maintainers":[{"name":"codehat","email":"codehat@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-img-cards_1.3.1_1626280194200_0.1370055313102687"},"_hasShrinkwrap":false}},"maintainers":[{"name":"codehat","email":"codehat@outlook.com"}],"description":"A set of Vue image card components for special purposes","homepage":"https://github.com/manojap/vue-img-cards#readme","keywords":["vue-aniamation","image-animation","vue-library","image-card"],"repository":{"url":"git://github.com/manojap/vue-img-cards.git"},"author":{"name":"manojap"},"bugs":{"url":"https://github.com/manojap/vue-img-cards/issues"},"license":"MIT","readme":"\r\n<h3 align=\"center\">vue-img-cards</h3>\r\n\r\n<div align=\"center\">\r\n\r\n[![Status](https://img.shields.io/badge/status-active-success.svg)]()\r\n[![GitHub Issues](https://img.shields.io/github/issues/kylelobo/The-Documentation-Compendium.svg)](https://github.com/kylelobo/The-Documentation-Compendium/issues)\r\n[![GitHub Pull Requests](https://img.shields.io/github/issues-pr/kylelobo/The-Documentation-Compendium.svg)](https://github.com/kylelobo/The-Documentation-Compendium/pulls)\r\n[![License](https://img.shields.io/badge/license-MIT-blue.svg)](/LICENSE)\r\n\r\n</div>\r\n\r\n---\r\n\r\n<p align=\"center\"> Image card component library for Vue\r\n    <br> \r\n</p>\r\n\r\n<img src=\"./portfolio.png\"/>\r\n## 📝 Table of Contents\r\n\r\n- [📝 Table of Contents](#-table-of-contents)\r\n- [🧐 About <a name = \"about\"></a>](#-about-)\r\n- [Installing the library](#installing-the-library)\r\n- [🏁 Components <a name = \"getting_started\"></a>](#-components-)\r\n  - [vue-profile-Card](#vue-profile-card)\r\n    - [Props](#props)\r\n    - [Slot](#slot)\r\n    - [Usage](#usage)\r\n  - [vue-mini-bio](#vue-mini-bio)\r\n    - [slots](#slots)\r\n    - [Usage](#usage-1)\r\n- [⛏️ Built Using <a name = \"built_using\"></a>](#️-built-using-)\r\n \r\n\r\n## 🧐 About <a name = \"about\"></a>\r\n\r\nThis is a set of *Vue* Image card components for special purposes. Each components come with *props* and *slots* for easy customization. The CSS animation make it awesome, thanks to the developer community.\r\n\r\n## Installing the library\r\n\r\n ````bash\r\n npm i --save @codehat/img-cards\r\n ````\r\n\r\n## 🏁 Components <a name = \"getting_started\"></a>\r\n\r\n The library includes the following components\r\n\r\n### vue-profile-Card\r\n\r\n*VueProfileCard* is a CSS animated **Image Card** with background animation.\r\n\r\n[Demo](http://bulma-vuejs-profile.vercel.app/)\r\n\r\n#### Props\r\n\r\nThis component come with a single prop *img*, which can be used to pass a image url and an *alt* tag. This prop is an object.\r\n\r\n```javascript\r\nimg: {\r\n      type: Object,\r\n      default: new Object({\r\n        src:\r\n          \"./profile.png\",\r\n        alt: \"images\",\r\n      }),\r\n    },\r\n```\r\n\r\n#### Slot\r\n\r\nThe *slot details* can be used to _add set of social icons or single paragraph or heading of your choice.\r\n\r\n````javascript\r\n<template>\r\n  <div id=\"app\">\r\n    <vue-profile-card >\r\n     <template slot=\"details\">\r\n                  <h1 class=\"is-size-5\">Web Developer</h1>\r\n                  <span class=\"icon  \">\r\n                <i>\r\n                 <a :href=\"`${fb}`\"> <v-icon name=\"md-facebook\" scale=\"1.5\" /></a>\r\n                </i>\r\n                <i>\r\n                  <a :href=\"`${gh}`\"> <v-icon name=\"oi-octoface\" scale=\"1.5\" /></a>\r\n                </i>\r\n                <i>\r\n                  <a :href=\"`${tw}`\"> <v-icon name=\"bi-twitter\" scale=\"1.5\"/></a>\r\n                </i> <i>\r\n                 <a :href=\"`${wp}`\">  <v-icon name=\"fa-wordpress\"  scale=\"1.5\"/></a>\r\n                </i></span>\r\n      </template>\r\n      </vue-profile-card>\r\n  </div>\r\n</template>\r\n````\r\n\r\n#### Usage\r\n\r\n````javascript\r\n<script>\r\nimport VueProfileCard from '@manojap/vue-profile-card'\r\nexport default {\r\n  name: \"App\",\r\n  components: {\r\n    VueProfileCard\r\n  },\r\n};\r\n</script>\r\n````\r\n\r\n### vue-mini-bio\r\n\r\n*VueMiniBio* is a Image card with a Opening panel (hover effect) which can be used to show bio with social (customizable)\r\n\r\n#### slots\r\n\r\n*img* slot can be used to style the main image according to your needs and the *detail slot help to set the content\r\n\r\n#### Usage\r\n\r\n````javascript\r\n<script>\r\nimport {vueMiniBio} from '@codehat/vue-img-cards';\r\nimport Vue from 'vue';\r\n\r\nexport default Vue.extend({\r\n  components: { vueMiniBio },\r\n  name: 'App',\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div id=\"app\">\r\n    <vue-mini-bio/>\r\n  </div>\r\n</template>\r\n\r\n````\r\n\r\n\r\n## ⛏️ Built Using <a name = \"built_using\"></a>\r\n\r\n- [VueJs](https://vuejs.org/) - Web Framework\r\n- [NodeJs](https://nodejs.org/en/) - Server Environment\r\n ","readmeFilename":"README.md"}