{"_id":"@nacelle/nacelle-wishlist-nuxt-module","_rev":"26-aa1ec5aca16436b8af9c219cef7697c3","name":"@nacelle/nacelle-wishlist-nuxt-module","dist-tags":{"latest":"0.0.6"},"versions":{"0.0.3":{"name":"@nacelle/nacelle-wishlist-nuxt-module","version":"0.0.3","license":"MIT","_id":"@nacelle/nacelle-wishlist-nuxt-module@0.0.3","maintainers":[{"name":"cbodtorf","email":"cbodtorf@gmail.com"},{"name":"brianvanderson","email":"brianvanderson@gmail.com"},{"name":"nwrichmond","email":"get@nickrichmond.dev"},{"name":"andrew-nacelle","email":"andrew@shopelf.agency"},{"name":"leviwhalen","email":"levi@leviwhalen.com"}],"contributors":[{"name":"Nacelle"}],"homepage":"https://github.com/getnacelle/nacelle-wishlist-nuxt-module#readme","bugs":{"url":"https://github.com/getnacelle/nacelle-wishlist-nuxt-module/issues"},"dist":{"shasum":"3631418e3eefa2b43a96ec9e11f9cace7d9e7f49","tarball":"https://registry.npmjs.org/@nacelle/nacelle-wishlist-nuxt-module/-/nacelle-wishlist-nuxt-module-0.0.3.tgz","fileCount":10,"integrity":"sha512-x/79z59Id+Sst2o+N86BRm5bGguDZM9enjkTnKeWg+08iJK+4y0hPrO56rcsd+0i5w1MjeUTXqlHoyEwxgypTA==","signatures":[{"sig":"MEUCIEj5U/lX5YG9o8T0wYSFWoeNXsPxe75wp/BSBjvm5tZAAiEA+6922Lt0dJrMmBofKCrjbGLlKx5vM78/KLIcKoWbh6I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeePkzCRA9TVsSAnZWagAA+JoP+gOrX9a/at6qEe/C/kHl\nxROFfJrafrBYuzId4Yu0Roh07GzOBt6/wZQxIcZ4hM90ul2UM783J58nOt/+\nOiL0zyTAXFYKpSaNikjH0ZLmsc+oALoNAg9bxxOlAf1aHhdqkNwKwPVpFHQK\noIsahMXdmiAvitAZ6lnUDZ1ftGMqmUtenAhSvUHPlrJMsI0DyiTESX22BFRQ\n6L7w/nw1MbehvrUAtnWIlxU+tVh/Yk1tAttdkDPgFxNWxaCNMe+8HTtR/bCL\nUpsvWZMtP0BqOtPBvsffmJD4C5Xjf1bD9MlxNBSfmaEmqvAnUMcZ+kX3SdoI\nF5Y0rNS0Xl0Px0BfRSXcR7iJG5OjLYRKkUbPqjosrD540W9zAJ7XH+Y5I+ic\nWz9FpNHg/OCguzeviGRqb3CKKnf2vB+ctQG3c4x0iYAMR0/wtLabyfw1rokP\nEcJVMzZyPAMCDXQBk5EFhT9KvAi5R9onvo7MVcnwcBxf10bXFa4NR3isuzts\n6hNzgpOgTBgUUkc3qUr+psGUvWPPJhOkrXhLK5SnCtL6nb3x96QaH+TB4IX4\ncvI4pkWzVuwf0qcmtSAxYwwHyA529d8/tE86b1X8IQWPJT5oOWvq6Hr6ZYsi\nDM7L7q8PPs8MxFo6RpAfMkdRGcJSS4kmqZGJZhMlbN7R2Nw0P/spy/LnYIKy\n7A3K\r\n=q2P0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/module.js","gitHead":"26dba1fafbe245cd45d4308775f9b3a8c654b694","scripts":{"dev":"nuxt example","lint":"eslint --ext .js,.vue example lib test","test":"jest","release":"standard-version && git push --follow-tags && npm publish"},"_npmUser":{"name":"cbodtorf","email":"cbodtorf@gmail.com"},"repository":{"url":"git+https://github.com/getnacelle/nacelle-wishlist-nuxt-module.git","type":"git"},"_npmVersion":"6.13.6","description":"Integrates Wishlist into your Nacelle Nuxt project","directories":{},"_nodeVersion":"10.15.3","dependencies":{"fs":"0.0.1-security","path":"^0.12.7","vuex":"^3.1.2"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^6.7.2","@babel/core":"^7.5.5","babel-eslint":"^10.0.2","@babel/preset-env":"^7.5.5","eslint-plugin-vue":"^6.0.1","eslint-plugin-jest":"^23.1.1","eslint-plugin-node":"^10.0.0","eslint-plugin-import":"^2.19.1","@nuxtjs/eslint-config":"^1.0.1","eslint-plugin-promise":"^4.2.1","eslint-config-standard":"^14.1.0","eslint-plugin-standard":"^4.0.1","@nacelle/eslint-config-nacelle":"^1.0.9"},"_npmOperationalInternal":{"tmp":"tmp/nacelle-wishlist-nuxt-module_0.0.3_1584986418641_0.9149622050191937","host":"s3://npm-registry-packages"}},"0.0.4":{"name":"@nacelle/nacelle-wishlist-nuxt-module","version":"0.0.4","license":"MIT","_id":"@nacelle/nacelle-wishlist-nuxt-module@0.0.4","maintainers":[{"name":"andrew-nacelle","email":"andrew@shopelf.agency"},{"name":"brianvanderson","email":"brianvanderson@gmail.com"},{"name":"cbodtorf","email":"cbodtorf@gmail.com"},{"name":"leviwhalen","email":"levi@leviwhalen.com"},{"name":"nwrichmond","email":"get@nickrichmond.dev"}],"contributors":[{"name":"Nacelle"}],"homepage":"https://github.com/getnacelle/nacelle-wishlist-nuxt-module#readme","bugs":{"url":"https://github.com/getnacelle/nacelle-wishlist-nuxt-module/issues"},"dist":{"shasum":"398a408f09b972ae0dde53f91e279dceac5bcf4b","tarball":"https://registry.npmjs.org/@nacelle/nacelle-wishlist-nuxt-module/-/nacelle-wishlist-nuxt-module-0.0.4.tgz","fileCount":9,"integrity":"sha512-JHC1viikSt7GIvPxJIgd8gQS/VpFUSx7YWW8BGvbtjr0SqeIPPCHCbc1wvlj64wh95Er4Npd5YgJ3BXWYh0scg==","signatures":[{"sig":"MEQCICegptaHya+KH+HKu+BoUw7hLLV9ybov+G6p71mYWCHvAiBMXp8PZ1kbPvZwycoNX4FCFr38ci1wiRihNp08SYUufw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21994,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJegkOVCRA9TVsSAnZWagAASigP/jd4fgjQcUGLJ9h7mR4C\nIzY3GpVne7xf3nQBjme2M6WLzW+y0pMCI2h6aUqSLtAkniqipa9nH9uPI13D\nj8nyHRGSa0VUbyqNhLZqdqvswLH+5pz6S76HpFTaRt2F7S3pold0+OJehBUT\nzQlBYAkzkuacX2uyRRtJ32AH3ibhfrDJtmrVw+CQ4z9+Trd2yZdRe2IUihvV\nLpMi2ruOxa4Xo+QTp/DDior8B5u5OI/mG9LyAuIoyTAAhCy42j7NTRThhUAI\n6kZ5Fmuosb9EcsLFFsRAuUe8AIArn1I3+KluYW9+i9SakLPT+VjOBf6XU2uz\n7oPES9IYu99eDt8O+iupDrIWF9g6agA1a6uB8FA9knaxtAb2WfAiKU7o9yVX\nZ2yLMxnxou2c4SV+eozBIsTBIlPDZBCjR3saueFch6S2gURF2kpvsW7nlnXd\nmO81FP47/3xvKoc0ML4V6UBFuL37ZiWfolfD8I53mBlivg6BM+gDNFcCpDIw\ntVy6LKsJSgrajRqBxfL5oiDDw4gGl21rxjyE4pWkFBvFDyFtMPNVIQBXDn22\n4rsz5K09raEk59l5TQQyvwFIdJWnwxGPv5P21fYZYMHUCvkrkQD+dHABZrxr\nUwxjscLy8uhojfnCsKtv3ZjaiP/GSfUzhda37HE/PeaiWTcOrTeWfVlh6/Mg\nBzkv\r\n=reyX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/module.js","gitHead":"46451daf090d609844b883c99c3e1f4906cb2878","scripts":{"dev":"nuxt example","lint":"eslint --ext .js,.vue example lib test","test":"jest","release":"standard-version && git push --follow-tags && npm publish"},"_npmUser":{"name":"cbodtorf","email":"cbodtorf@gmail.com"},"repository":{"url":"git+https://github.com/getnacelle/nacelle-wishlist-nuxt-module.git","type":"git"},"_npmVersion":"6.13.6","description":"Integrates Wishlist into your Nacelle Nuxt project","directories":{},"_nodeVersion":"10.15.3","dependencies":{"fs":"0.0.1-security","path":"^0.12.7","vuex":"^3.1.2","localforage":"^1.7.3"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^6.7.2","@babel/core":"^7.5.5","babel-eslint":"^10.0.2","@babel/preset-env":"^7.5.5","eslint-plugin-vue":"^6.0.1","eslint-plugin-jest":"^23.1.1","eslint-plugin-node":"^10.0.0","eslint-plugin-import":"^2.19.1","@nuxtjs/eslint-config":"^1.0.1","eslint-plugin-promise":"^4.2.1","eslint-config-standard":"^14.1.0","eslint-plugin-standard":"^4.0.1","@nacelle/eslint-config-nacelle":"^1.0.9"},"_npmOperationalInternal":{"tmp":"tmp/nacelle-wishlist-nuxt-module_0.0.4_1585595284853_0.568784566297011","host":"s3://npm-registry-packages"}},"0.0.5":{"name":"@nacelle/nacelle-wishlist-nuxt-module","version":"0.0.5","license":"MIT","_id":"@nacelle/nacelle-wishlist-nuxt-module@0.0.5","maintainers":[{"name":"andrew-nacelle","email":"andrew@shopelf.agency"},{"name":"brianvanderson","email":"brianvanderson@gmail.com"},{"name":"cbodtorf","email":"cbodtorf@gmail.com"},{"name":"leviwhalen","email":"levi@leviwhalen.com"},{"name":"nwrichmond","email":"get@nickrichmond.dev"}],"contributors":[{"name":"Nacelle"}],"homepage":"https://github.com/getnacelle/nacelle-wishlist-nuxt-module#readme","bugs":{"url":"https://github.com/getnacelle/nacelle-wishlist-nuxt-module/issues"},"dist":{"shasum":"cf7809f3abaa77cfbcb53a6d18ae50dc4ec27875","tarball":"https://registry.npmjs.org/@nacelle/nacelle-wishlist-nuxt-module/-/nacelle-wishlist-nuxt-module-0.0.5.tgz","fileCount":9,"integrity":"sha512-mAajUSHTFu/cNvQuSwM6NO8WjaRPGa/Z1c6sWDa/dAUEXRESz/0+UOevfn0PyNY6kjg8ihZ6iUCfPsFCgJCGWA==","signatures":[{"sig":"MEUCIQCeiXjX6m78LcZ+AAx4Yj27O4omw5KWixeZX0VLx79wNQIgGXp5UkmjMZs2soAmbGt8nO3YDZ1kcQvnucO9t+5TViM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":22282,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerHIzCRA9TVsSAnZWagAAYwwP/2vLddidYiirAi4UC6Bz\n7acXHFqtahce5G5aZcjCNmncStIwtRVpdZLfPJwSd7EWMUB61fmccAcvyVWJ\nJERnk6RH7JeSZnTnokxgfmE5AV9z6o7Si3M7NbNOEA7N5z9bhjLq2aPztci0\nGFFQiL2uyKLfhWqbbmmCmBohvtQHHzpihN1rM4HsDcMbYw2MNIUf8+7Sto8W\nkbzNUV5ucm7TyeyKEYH8R5Ft6XvQ4d4eKoqpiLuJM16OPVN/GziSumFqlN6T\nMD7IwdIOBe86l8trOpyRaaYJKOQ+oC4fJbT5ZFNarTFwaGuBg+P26f93Qgs1\ndJKW/wElLXhAPNxxL85u+lTL9FlHn5SJ8H9rlMffjpI6j3o41ee1zcetahAH\nmtcAtAd52ynICcrq5jm9XV4Q/RczoF478bsBl/qPdj40D8FEHGbFC2m6A7sZ\nIhS5emb72sdI/Ds1WIf5jGwK1TOQdeAQzJVlC6hsGRBZqZ7Hn0eh24C1Zt4t\n9BlSw3Nvep7TEIm/3rf50KDRzsyJmuqt0e8ov8oknRg48doI9DZ6IX0hzEG/\nMinnSbg/g0Jr9yh9gPgXqg+Ngp4J7nAJ5hi1Y0yfCiyetNtPtkBep33DpbZl\nQMX9RumG3kRKwgdaKQzNPxj2BpRt3SMjiIKoPOLq8Whcekk1H6McNzVKIfBF\n+Ryd\r\n=NY30\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/module.js","gitHead":"536dd664518709b59f801e2c527cbaf49c860ed4","scripts":{"dev":"nuxt example","lint":"eslint --ext .js,.vue example lib test","test":"jest","release":"standard-version && git push --follow-tags && npm publish"},"_npmUser":{"name":"cbodtorf","email":"cbodtorf@gmail.com"},"repository":{"url":"git+https://github.com/getnacelle/nacelle-wishlist-nuxt-module.git","type":"git"},"_npmVersion":"6.13.6","description":"Integrates Wishlist into your Nacelle Nuxt project","directories":{},"_nodeVersion":"10.15.3","dependencies":{"fs":"0.0.1-security","path":"^0.12.7","vuex":"^3.1.2","localforage":"^1.7.3"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^6.7.2","@babel/core":"^7.5.5","babel-eslint":"^10.0.2","@babel/preset-env":"^7.5.5","eslint-plugin-vue":"^6.0.1","eslint-plugin-jest":"^23.1.1","eslint-plugin-node":"^10.0.0","eslint-plugin-import":"^2.19.1","@nuxtjs/eslint-config":"^1.0.1","eslint-plugin-promise":"^4.2.1","eslint-config-standard":"^14.1.0","eslint-plugin-standard":"^4.0.1","@nacelle/eslint-config-nacelle":"^1.0.9"},"_npmOperationalInternal":{"tmp":"tmp/nacelle-wishlist-nuxt-module_0.0.5_1588359730767_0.5376884642870114","host":"s3://npm-registry-packages"}},"0.0.6":{"name":"@nacelle/nacelle-wishlist-nuxt-module","version":"0.0.6","license":"MIT","_id":"@nacelle/nacelle-wishlist-nuxt-module@0.0.6","maintainers":[{"name":"andrew-nacelle","email":"andrew@shopelf.agency"},{"name":"brianvanderson","email":"brianvanderson@gmail.com"},{"name":"cbodtorf","email":"cbodtorf@gmail.com"},{"name":"leviwhalen","email":"levi@leviwhalen.com"},{"name":"nwrichmond","email":"get@nickrichmond.dev"}],"contributors":[{"name":"Nacelle"}],"homepage":"https://github.com/getnacelle/nacelle-wishlist-nuxt-module#readme","bugs":{"url":"https://github.com/getnacelle/nacelle-wishlist-nuxt-module/issues"},"dist":{"shasum":"e58af31772b305d2e9629e63972dc158bc2b72ff","tarball":"https://registry.npmjs.org/@nacelle/nacelle-wishlist-nuxt-module/-/nacelle-wishlist-nuxt-module-0.0.6.tgz","fileCount":9,"integrity":"sha512-p6kCyoCHCHYR/xslq9VFRr3PatFbFZNJeGiVYn2vBCIO9G7MKNdL55ubJ+7VLKkBs42Xgm98EbKX6xtGzE8wyQ==","signatures":[{"sig":"MEYCIQCLmLXE1P2kYEG4eIz9J1ofclYl/+maQ8OhaA5315W4PAIhAMCimy4p6sIONCHQ/87piMr5vtv9Il0g/HKljRPEhAS9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":22545,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexB/zCRA9TVsSAnZWagAAsVEQAJ3QXo5r+6igvHTzwAG3\nzNqIMXk482QjC3ZvERva6cVafOvn5kJ5gsIFFyJGN3q43wJe/amZPhH18N/K\nkA6+YLandbfJfkt7SYIzTl7nUNKifZ4VpZPeuuq6gbLdOQvKAhYe1rOUK90o\n5ZlQL4PvIdGGIkYxUBX+YhXVLJhx/OL7Y1pQGbMKv5ASI/5LIkyUAcO1QC0p\npvrXkL07j2cHblnZr4RnGFdMVyMZ34+v6IXyi8V18JmaMdv4rbwSkbcoDFF/\nja0s1ju97qRTORsAwqSaO4LFT45f2AQpx2znyssEHDC7edMOmzUAvFr0Wg6m\nSi6T1GmMNd6rKE1W4wGvNi1LLZYKsSUQSidFyOO+a0cVt4WVvy1U4jQTl7jM\nyy5TERcVmkniMOvecJsvLMk7XOKYGW9C8gnNa2StdLSFZhNp10QKx3bzsDSX\nHFfwObrksKJDMaGhDc6hJWP5JQ6029CUfbrxwjDQi2BVE6j3OUJT0/5fo/w/\nnSj1ZecW8tSrZtRd/DV8R/Y3K7gVJ+yR17pVu5w1UhaHfjyT7k/3/EboVwND\nw8BCInzniAJOhya3xhyQcy1nxd8eoLcn8MiWTuIEf6W+E4BWr5HLsP6H/6KV\nQ6UKSIqheJDD0Wz0920dbrZyI1V22bAZkz/WzX+ubrLTcjmHCh4Piu1fQ+SR\nq3kE\r\n=aeEd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/module.js","gitHead":"27b38716279e9397610006a1ca0ae4a1445923f3","scripts":{"dev":"nuxt example","lint":"eslint --ext .js,.vue example lib test","test":"jest","release":"standard-version && git push --follow-tags && npm publish"},"_npmUser":{"name":"cbodtorf","email":"cbodtorf@gmail.com"},"repository":{"url":"git+https://github.com/getnacelle/nacelle-wishlist-nuxt-module.git","type":"git"},"_npmVersion":"6.13.6","description":"Integrates Wishlist into your Nacelle Nuxt project","directories":{},"_nodeVersion":"10.15.3","dependencies":{"fs":"0.0.1-security","path":"^0.12.7","vuex":"^3.1.2","localforage":"^1.7.3"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^6.7.2","@babel/core":"^7.5.5","babel-eslint":"^10.0.2","@babel/preset-env":"^7.5.5","eslint-plugin-vue":"^6.0.1","eslint-plugin-jest":"^23.1.1","eslint-plugin-node":"^10.0.0","eslint-plugin-import":"^2.19.1","@nuxtjs/eslint-config":"^1.0.1","eslint-plugin-promise":"^4.2.1","eslint-config-standard":"^14.1.0","eslint-plugin-standard":"^4.0.1","@nacelle/eslint-config-nacelle":"^1.0.9"},"_npmOperationalInternal":{"tmp":"tmp/nacelle-wishlist-nuxt-module_0.0.6_1589911538846_0.5423498839037653","host":"s3://npm-registry-packages"}}},"time":{"created":"2020-03-23T18:00:18.640Z","modified":"2025-10-29T15:33:45.900Z","0.0.3":"2020-03-23T18:00:18.816Z","0.0.4":"2020-03-30T19:08:04.943Z","0.0.5":"2020-05-01T19:02:10.912Z","0.0.6":"2020-05-19T18:05:38.952Z"},"bugs":{"url":"https://github.com/getnacelle/nacelle-wishlist-nuxt-module/issues"},"license":"MIT","homepage":"https://github.com/getnacelle/nacelle-wishlist-nuxt-module#readme","repository":{"url":"git+https://github.com/getnacelle/nacelle-wishlist-nuxt-module.git","type":"git"},"description":"Integrates Wishlist into your Nacelle Nuxt project","contributors":[{"name":"Nacelle"}],"maintainers":[{"email":"ignacio@getnacelle.com","name":"badiolaignacio"},{"email":"jeffrichie@gmail.com","name":"jeffrichie"},{"email":"support@getnacelle.com","name":"nacelle-support"},{"email":"brianvanderson@gmail.com","name":"brianvanderson"},{"email":"jeff@getnacelle.com","name":"nacelle-bot"}],"readme":"# nacelle-wishlist-nuxt-module\n\nAdds Vue.js components for integrating [Wishlist](https://github.com/getnacelle/nacelle-wishlist-graphql) - customer shopping lists in your [Nacelle](https://getnacelle.com/) Nuxt project.\n\n## Requirements\n\n* A Nacelle project set up locally. See https://docs.getnacelle.com for getting started.\n\n## Setup\n\n### Add Module to Nacelle\n\nOnce you have Nacelle set up you can install this module in your project from `npm`:\n\n```\nnpm install @nacelle/nacelle-wishlist-nuxt-module --save\n```\n\nAfter the package has installed, open `nuxt.config.js`. Under `modules` add `@nacelle/nacelle-wishlist-nuxt-module` to the array. It should look something like this:\n\n```\nmodules: [\n  '@nuxtjs/pwa',\n  '@nuxtjs/dotenv',\n  '@nacelle/nacelle-nuxt-module',\n  '@nuxtjs/sitemap',\n  '@nacelle/nacelle-wishlist-nuxt-module'\n],\n```\n\n### Add the components to your Nacelle Storefront\n\nThere are two components you can add to your Nacelle site: `<add-to-wishlist />`, `<main-nav-wishlist />`.\n\n**AddToWishlist**\n\nThis component is meant to appear on Product Cards and allows for an svg element to be slotted under the **icon** namespace.\n\nWe need to pass the **variant** and **product** objects as props.\n\n```js\n  <add-to-wishlist\n    class=\"circle-button is-primary\"\n    :variant=\"currentVariant\"\n    :product=\"product\"\n  >\n    <template v-slot:icon>\n      <svg width=\"120%\" height=\"100%\" viewBox=\"-42 0 592 469\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xml:space=\"preserve\" xmlns:serif=\"http://www.serif.com/\" style=\"fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;\">\n        <path d=\"M471.383,55.578c-26.504,-28.746 -62.871,-44.578 -102.41,-44.578c-29.555,0 -56.621,9.344 -80.45,27.77c-12.023,9.3 -22.918,20.679 -32.523,33.96c-9.602,-13.277 -20.5,-24.66 -32.527,-33.96c-23.825,-18.426 -50.891,-27.77 -80.446,-27.77c-39.539,0 -75.91,15.832 -102.414,44.578c-26.187,28.41 -40.613,67.223 -40.613,109.293c0,43.301 16.137,82.938 50.781,124.742c30.992,37.395 75.535,75.356 127.117,119.313c17.614,15.012 37.579,32.027 58.309,50.152c5.477,4.797 12.504,7.438 19.793,7.438c7.285,0 14.316,-2.641 19.785,-7.43c20.731,-18.129 40.707,-35.152 58.328,-50.172c51.574,-43.949 96.117,-81.906 127.11,-119.305c34.644,-41.8 50.777,-81.437 50.777,-124.742c0,-42.066 -14.426,-80.879 -40.617,-109.289Z\" style=\"fill-rule:nonzero;\"/>\n      </svg>\n    </template>\n  </add-to-wishlist>\n```\n\n**MainNavWishlist**\n\nThis component is meant to appear in the Global Header and allows for an svg element to be slotted under the **icon** namespace.\n\nThe **path** prop defaults to `'/wishlist'`, but a custom path to wishlist can be added.\n\n```js\n  <main-nav-wishlist\n    path=\"/wishlist\"\n  >\n    <template v-slot:icon>\n      <svg class=\"icon\" width=\"100%\" height=\"100%\" viewBox=\"0 0 512 469\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xml:space=\"preserve\" xmlns:serif=\"http://www.serif.com/\" style=\"fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;\">\n        <path d=\"M471.383,55.578c-26.504,-28.746 -62.871,-44.578 -102.41,-44.578c-29.555,0 -56.621,9.344 -80.45,27.77c-12.023,9.3 -22.918,20.679 -32.523,33.96c-9.602,-13.277 -20.5,-24.66 -32.527,-33.96c-23.825,-18.426 -50.891,-27.77 -80.446,-27.77c-39.539,0 -75.91,15.832 -102.414,44.578c-26.187,28.41 -40.613,67.223 -40.613,109.293c0,43.301 16.137,82.938 50.781,124.742c30.992,37.395 75.535,75.356 127.117,119.313c17.614,15.012 37.579,32.027 58.309,50.152c5.477,4.797 12.504,7.438 19.793,7.438c7.285,0 14.316,-2.641 19.785,-7.43c20.731,-18.129 40.707,-35.152 58.328,-50.172c51.574,-43.949 96.117,-81.906 127.11,-119.305c34.644,-41.8 50.777,-81.437 50.777,-124.742c0,-42.066 -14.426,-80.879 -40.617,-109.289Z\" style=\"fill-rule:nonzero;\"/>\n      </svg>\n    </template>\n  </main-nav-wishlist>\n```\n### Load wishlist\n\nOnce the module is installed we have access to the `wishlist` store's actions, which can be dispatched across the application.\n\n**getWishlists**\n`dispatch('wishlist/getWishlists', null, { root: true })`\n* Will need to be manually implemented\n\n**addToWishlist**\n`dispatch('wishlist/addToWishlist', null, { root: true })`\n* implemented by <add-to-wishlist /> component\n\n**removeFromWishlist**\n`dispatch('wishlist/removeFromWishlist', null, { root: true })`\n* implemented by <add-to-wishlist /> component\n\n**resetWishlist**\n`dispatch('wishlist/resetWishlist', null, { root: true })`\n* Will need to be manually implemented\n\n\n### Load Anonymous Customer's wishlist from Browser Storage\n\nWe utilize the `localforage` package, just like for our cart, to persist wishlists for those who are not logged in. To implement this feature we need to dispatch a wishlist action when we check for a customer's logged in state. This could vary across builds, but here is a basic example:\n\n```js\n// The readCustomerAccessToken action is dispatched on the 'created' hook on our default layout\n// Thus, it runs on page load.\nasync readCustomerAccessToken ({ dispatch, commit }, { accessToken }) {\n  if (accessToken) { \n    commit('setCustomerAccessToken', { accessToken, expiresAt: null })\n    await dispatch('renewCustomerAccessToken', accessToken)\n  } else {\n    // Get wishlist for anonymous customers\n    dispatch('wishlist/getWishlists', null, { root: true })\n  }\n},\n```\n\n### Load Logged-in Customer's wishlist from Nacelle Wishlist Service\n\nIf the customer is logged in, we can pull their wishlist data from our service and load it into memory. We run a merge on variant id, if there is anonymous data already present. This action is dependent on `customer` data being present in the `account` store. Here is how we can implement this feature whenever we fetchCustomer data (ie. login, page load):\n\n```js\n// The fetchCustomer action is dispatched on Customer login, and on page load if customerAccessToken is present.\nasync fetchCustomer ({ state, commit, dispatch }) {\n  try {\n    const variables = { customerAccessToken: state.customerAccessToken.accessToken }\n    const query = GET_CUSTOMER\n    const response = await accountClient.post(null, { query, variables })\n    const { customer, userErrors } = response.data.data\n    if (customer) {\n      commit('setCustomer', customer)\n      // Get wishlist for logged in customers\n      dispatch('wishlist/getWishlists', null, { root: true })\n    }\n    commit('setErrors', userErrors)\n  } catch (error) {\n    throw error\n  }\n},\n```\n\n### Reset wishlist on Logout\n\nWe probably want to reset the wishlist when a customer logs out:\n\n```js\nasync logout ({ state, dispatch, commit, rootState }) {\n  const accessToken = (state.customerAccessToken && state.customerAccessToken.accessToken) || getCookie('customerAccessToken')\n  const variables = { customerAccessToken: accessToken }\n  const query = CUSTOMER_ACCESS_TOKEN_DELETE\n  const response = await accountClient.post(null, { query, variables })\n  const { deletedAccessToken, deletedCustomerAccessTokenId, userErrors } = response.data.data.customerAccessTokenDelete\n  if (deletedAccessToken) {\n    dispatch('removeCustomerAccessToken')\n    // Reset Wishlist \n    dispatch('wishlist/resetWishlist', null, { root: true })\n  }\n  commit('setErrors', userErrors)\n},\n```","readmeFilename":"README.md"}