{"_id":"@craydel/craydel-avatar","_rev":"2-3c2f768c57733de29874026c7d878d21","name":"@craydel/craydel-avatar","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@craydel/craydel-avatar","version":"1.0.0","description":"A custom Vuetify avatar component for Craydel.","author":{"name":"Wasim Al-Haddad"},"keywords":["vuetify","avatar","vue","nuxt"],"publishConfig":{"access":"public"},"gitHead":"59e1de781bb25508f68b9394dd61b203232c2e96","_id":"@craydel/craydel-avatar@1.0.0","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-U5zuUCPIzlsDfnrJ8wZrymjsFD+V1YAes7DelHMdbzMCZhV/HH9/N8CR0KEZoWuMYf8fmC54PkswVe433aCEDw==","shasum":"7d7fc1dca5f0f3fdf89d1ef91fd6955efa377386","tarball":"https://registry.npmjs.org/@craydel/craydel-avatar/-/craydel-avatar-1.0.0.tgz","fileCount":4,"unpackedSize":5347,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCUrXFc4agIlVSoqIaZLnxhQBF6Xdr/6qEJ7caJyVJMrwIhAOfvIn46CG2A2l5nfGAiiochDjS5aHwzu++JayhWMv+D"}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-avatar_1.0.0_1695029660370_0.9976895565939361"},"_hasShrinkwrap":false},"1.0.1":{"name":"@craydel/craydel-avatar","version":"1.0.1","description":"A custom Vuetify avatar component for Craydel.","author":{"name":"Wasim Al-Haddad"},"keywords":["vuetify","avatar","vue","nuxt"],"publishConfig":{"access":"public"},"gitHead":"8d2fa7b87080568438878ca4e9c741412eccb7ff","_id":"@craydel/craydel-avatar@1.0.1","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-ZVvcNos9vu4zQXKyLqGAPuiL+NW1u20pAYx9cfyE5jvaBUPhXQZbDDlVl8DrWtaoQgMSfEcn0KbQFYXg9LFMAQ==","shasum":"e5e982fc6c6cd2a821fd918388371b4e12443bf6","tarball":"https://registry.npmjs.org/@craydel/craydel-avatar/-/craydel-avatar-1.0.1.tgz","fileCount":4,"unpackedSize":5351,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCEYSX8DC7aLiwkM+Ja/iMaHfzPsfa+FJe/nPvuH8VUdwIhAJ3rOV2ouu95bM8BaMg9TkXwDBqnkmlOKXZ424K9FVbv"}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-avatar_1.0.1_1695040851891_0.6168150890016677"},"_hasShrinkwrap":false},"1.0.2":{"name":"@craydel/craydel-avatar","version":"1.0.2","description":"A custom Vuetify avatar component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify","avatar","vue","nuxt"],"publishConfig":{"access":"public"},"gitHead":"dcab0c7dceab40486e8eab7a571b75fdce0e93e5","_id":"@craydel/craydel-avatar@1.0.2","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-X2vm08/NRLisI2wDwqUCLhD/jkynKKQGxChijwG5FQEeMWtX3wukjy7CKeoj9sXAWunQnqkiFYdY6iCd50nBPA==","shasum":"83432b0586ea2820ca5582ef71d110c4fa6b4694","tarball":"https://registry.npmjs.org/@craydel/craydel-avatar/-/craydel-avatar-1.0.2.tgz","fileCount":5,"unpackedSize":6424,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCsVXBBIADv/0bhf9eQKjOJMAIgbDeUylggVzCMuX5ywwIgJYotP2JUqIqVD+gwoNpCFNAhi7O3SBggfWhkUnYbXTc="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-avatar_1.0.2_1695211461951_0.6150839666547685"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-18T09:34:20.254Z","1.0.0":"2023-09-18T09:34:20.587Z","modified":"2023-09-20T12:04:22.324Z","1.0.1":"2023-09-18T12:40:52.038Z","1.0.2":"2023-09-20T12:04:22.149Z"},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"description":"A custom Vuetify avatar component for Craydel.","keywords":["vuetify","avatar","vue","nuxt"],"author":{"name":"Wasim Al-Haddad"},"readme":"# CraydelAvatar\n\n## Installation\n\nGet the latest version by NPM:\n\n```bash\n$ npm i @craydel/craydel-avatar\n```\n\n## Register Plugin\n\nIf you use the plugin API, the component will be registered as a global component just like when\nincluding it with the script tag, but you won't need to re-register it through the `components` property in your own\ncomponents.\n\nCreate the plugin file e.g `craydel-components.js` file.\n\n```javascript\n// craydel-components.js\nimport Vue from 'vue'\nimport CraydelAvatar from '@craydel/craydel-avatar/src/CraydelAvatar.vue'\n\nconst Components = {\n CraydelAvatar,\n};\n\nObject.keys(Components).forEach(name => {\n Vue.component(name, Components[name]);\n});\n\nexport default Components;\n```\n\nNext reference the plugin file in your nuxt.config.js\n\n```javascript\n// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins\nplugins: [\n '~/plugins/craydel-components.js'\n]\n```\n\n## Props\n\n| Name | Type | Default | Description |\n|--------------|------------------|-----------|-----------------------------------------------------------------------------------|\n| photo | string | undefined | Sets the avatar as an image. |\n| display-name | string | undefined | Generates a random color that is applied to the avatar based on the display-name. |\n| acronym | string | undefined | Sets the avatar as an acronym. |\n| size | number \\| string | 40 | Sets the height and width of the component. |\n| attrs | object | undefined | Used for binding to an activator. |\n| on | object | undefined | Used for binding to an activator. |\n\n \n## Usage\n\nAn example showing an avatar that will display the initials 'JD'.\n\n```html\n\n\n```","readmeFilename":"README.md","license":"MIT"}