{"_id":"@digitalnatives/vue-super-cursor","_rev":"8-1ed134093dc558c4ee7a0dc8115428e4","name":"@digitalnatives/vue-super-cursor","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@digitalnatives/vue-super-cursor","version":"1.0.0","author":{"name":"Gerben Op den Kamp","email":"gerben@digitalnatives.nl"},"license":"MIT","_id":"@digitalnatives/vue-super-cursor@1.0.0","maintainers":[{"name":"freekvr","email":"freek@digitalnatives.nl"},{"name":"larsdol","email":"lars@digitalnatives.nl"},{"name":"dnservice","email":"service@digitalnatives.nl"}],"homepage":"https://github.com/DN-Amsterdam/vue-super-cursor#readme","bugs":{"url":"https://github.com/DN-Amsterdam/vue-super-cursor/issues"},"dist":{"shasum":"8fb2aaba09b7355cdc013807af113d8be4241795","tarball":"https://registry.npmjs.org/@digitalnatives/vue-super-cursor/-/vue-super-cursor-1.0.0.tgz","fileCount":8,"integrity":"sha512-e1Qz1gWfj6x5/+o1wU04TPGjBt5AdFmgHnrw2tEyMpz59RlC23weFUQHbzJyhAum/0bfpR/PpScWBKvw0Hh0aw==","signatures":[{"sig":"MEYCIQCKljCM6boROiRh+LvbDT541LeswJeQPjc4WGg+FlFccAIhAN/oJyFNkY/v/+6qCZPpRDUFz1S1uP2CZCv7IDUEMXYm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":40790,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhjfaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqC9Q/9EsBwTYeujcqi74tWXV17NS99FVcKz04HS8TRoYvcZDxwFvxI\r\nzoU0MJnqW9Ey80QzgMBbijRDmAyldwdT+ezTjlQVQBsBivw6RU47ELEKViPP\r\ns8PWxbuiEeHxs/exnu1EtRefVuKCpTrMtAiNb4a2AQEqAOgEkb5aLb7FfH+x\r\ns6cmC51x50R5O0e2L3yyg5b2lAgf4z/HOBkpurwwmHZn6j1iLEZsx+mwNdBO\r\nuzrs5nn14ewapMwWyeTmA9WTf5IXjzeNKJZsdryVd0VKaY1No2pgbVxkJPnC\r\nPtFAjpCDuww2rcOYA24Cc4RZsefM8Cx8SSdhCSjd3pjvwpLseSCFQK69Xv1a\r\neE4qIHOy+pGOLXCgJb2Z2QY2ypH7E0rLC5otfYmROA/TVHRMkAkCCUZKx31w\r\nYtv0JVEsgV3J+5Y8Lkb1pvKpTheK4Kct4bQMACJjgUYB+v6cywoZF7uCcOCr\r\nRi227ppdsanSgRMfPE/4Rv5NtyFUyUtfU263DXIQOAw8qVfJwxDO5+ckvbw5\r\nHj9H+djU7aofCrAHur78z8TNDhCqNBw0MldeeCYr+2bMYq3k3ShIAMqHxxUc\r\ncYjndJxuXBhL9GL0r8Dofqo0uBKzPtX7D+QEGndfQVf6hTvprPTh+h0WYcE5\r\nLv4V8NADrlkny0fqja5L62XTJkXEl9xhIDg=\r\n=LI3W\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/vue-super-cursor.umd.js","unpkg":"dist/vue-super-cursor.min.js","module":"dist/vue-super-cursor.esm.js","browser":{"./sfc":"src/super-cursor.vue"},"gitHead":"64f5aba0379799588c92b8d81e2e51db278dfa26","scripts":{"build":"npm run build:umd & npm run build:es & npm run build:unpkg","build:es":"rollup --config build/rollup.config.js --format es --file dist/vue-super-cursor.esm.js","build:umd":"rollup --config build/rollup.config.js --format umd --file dist/vue-super-cursor.umd.js","build:unpkg":"rollup --config build/rollup.config.js --format iife --file dist/vue-super-cursor.min.js"},"_npmUser":{"name":"dnservice","email":"service@digitalnatives.nl"},"repository":{"url":"git+ssh://git@github.com/DN-Amsterdam/vue-super-cursor.git","type":"git"},"_npmVersion":"8.11.0","description":"A flexible library for adding custom (super) cursors to your vue/nuxt apps. ","directories":{},"_nodeVersion":"16.16.0","dependencies":{"lodash":"^4.17.21"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^2.6.11","gsap":"^3.11.3","rollup":"^1.17.0","rollup-plugin-vue":"^5.0.1","vue-template-compiler":"^2.6.10","@rollup/plugin-commonjs":"^11.1.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-super-cursor_1.0.0_1669740506798_0.9465030649964115","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@digitalnatives/vue-super-cursor","version":"1.0.1","author":{"name":"Gerben Op den Kamp","email":"gerben@digitalnatives.nl"},"license":"MIT","_id":"@digitalnatives/vue-super-cursor@1.0.1","maintainers":[{"name":"gerbenodk","email":"gerbenopdenkamp@hotmail.com"}],"homepage":"https://github.com/DN-Amsterdam/vue-super-cursor#readme","bugs":{"url":"https://github.com/DN-Amsterdam/vue-super-cursor/issues"},"dist":{"shasum":"475e63013eeaaa8a1e09dc535dd3f306a42e49bf","tarball":"https://registry.npmjs.org/@digitalnatives/vue-super-cursor/-/vue-super-cursor-1.0.1.tgz","fileCount":8,"integrity":"sha512-jo41bf54UzVyVkBKuzi+8sQLJ34EyCkj/d95WRrPep3n5JulAQbAhnt6p8TZs3AmTVOeDMvGA6LQ5exawMghBQ==","signatures":[{"sig":"MEYCIQDzM3By6/vTSYeI/5uEERdRfEv6TZoP/XX+bPf6X95rvgIhANko6fN9TLEClHb1q/mjhzZ1FfrOqHk9AXvIQFFOiIC0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":40626,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhzbLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpx1BAAi2TyPO/f+TYJEDjZrIE95HDIp7GUgzazJ0Ba+Di5VVVhpA39\r\nyOXkr8vyRIz4c3ke+rL0yVOEabqxoKPpIpFIYBwK3t2OYdW00/lUsy1L/kiZ\r\nUV/u+yezxQ2TnCTvdRFvf9X7E1vyuROmgHppVkuBTpopQhy6IlUCPqH71nec\r\nRBGiY6qgg/Gx+gME71vpnpUpgHiqA1FJ73zAmCfNt20bt3Ra/QdXkhNr4hSY\r\nBceh03ZjLORJxrzC2zp7WD6EElVC4OYzS23a8hXEdTXE3Hg+s3katFGiiQ7M\r\nGN6fj98RjT5pjH7phflGahNxcMZtSspKy5ere+EFDbjS6CFsfgtk8wrshgYa\r\n/02eJoxW7PUdgIFPv+RPeqjXkxoXle3CZhZsTmxvn/leCakxVx+Arb3zLJDM\r\nb9PV9O/VgyFTa2XSmkVxiTZr7qDu+UHCqoyNeqSs3xJeGj1Lgffb07RWExh1\r\nd6LdEwpmViFVextZQswBuKbVISc+LBR13Q0MeNwsWAzg0O6rRfyInL757jTb\r\nCBlvBrI+CmJm9Dlf3bZQff9hTyqWChQB3bCLYW1iiuqFXJBs+uWEpD5Eu8E0\r\nm7tRuszZy/yaYZBtr5WM4umbhki4IV8W6Y04LxJiTAOKxroN7raHQSOzpt9K\r\nlKR6wR2GOmznUM00RLV24z3HbGG/edmAnYY=\r\n=WzjE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/vue-super-cursor.umd.js","unpkg":"dist/vue-super-cursor.min.js","module":"dist/vue-super-cursor.esm.js","browser":{"./sfc":"src/super-cursor.vue"},"gitHead":"018cc2d00d4f519ac4fe7656f52252f33f0e4dde","scripts":{"build":"npm run build:umd & npm run build:es & npm run build:unpkg","build:es":"rollup --config build/rollup.config.js --format es --file dist/vue-super-cursor.esm.js","build:umd":"rollup --config build/rollup.config.js --format umd --file dist/vue-super-cursor.umd.js","build:unpkg":"rollup --config build/rollup.config.js --format iife --file dist/vue-super-cursor.min.js"},"_npmUser":{"name":"gerbenodk","email":"gerbenopdenkamp@hotmail.com"},"repository":{"url":"git+ssh://git@github.com/DN-Amsterdam/vue-super-cursor.git","type":"git"},"_npmVersion":"8.11.0","description":"A flexible library for adding custom (super) cursors to your vue/nuxt apps. ","directories":{},"_nodeVersion":"16.16.0","dependencies":{"lodash":"^4.17.21"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^2.6.11","gsap":"^3.11.3","rollup":"^1.17.0","@babel/core":"^7.17.8","rollup-plugin-vue":"^5.0.1","@rollup/plugin-babel":"^6.0.3","vue-template-compiler":"^2.6.10","@rollup/plugin-commonjs":"^11.1.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-super-cursor_1.0.1_1669805771094_0.6015117096116647","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@digitalnatives/vue-super-cursor","version":"1.0.2","author":{"name":"Gerben Op den Kamp","email":"gerben@digitalnatives.nl"},"license":"MIT","_id":"@digitalnatives/vue-super-cursor@1.0.2","maintainers":[{"name":"gerbenodk","email":"gerbenopdenkamp@hotmail.com"}],"homepage":"https://github.com/DN-Amsterdam/vue-super-cursor#readme","bugs":{"url":"https://github.com/DN-Amsterdam/vue-super-cursor/issues"},"dist":{"shasum":"f39877e4ce8731b9af0de5ff760ed1b728b8fbe1","tarball":"https://registry.npmjs.org/@digitalnatives/vue-super-cursor/-/vue-super-cursor-1.0.2.tgz","fileCount":8,"integrity":"sha512-TwD0Om4sckopA95ItB4JmX/vJlZh4l4Q2V3xY+g79mXCKm5wK6kg8XfVGkhcOElghWC3S9fagQGrJrMjaGommw==","signatures":[{"sig":"MEUCIQD/erqFi7YX/Ja8cXDYxwKaqNHqoA/Vf7/rZfD5v5ND4gIgTz5wUJgkMyKd9P8+I2i4eglSIj+B1oR8i3+kHXVYroM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":39745,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjh1JxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp0nA/9FAjwuiniUq9PUsPMtnUJZKPDMH5n7VekxuegFQtorJBkiKFv\r\nK8935u7geBeOh1Ga1Nea5ZnFk9L/MVRZKOQWCxzB7RkbdcLp+Dkg1i6SbSp3\r\ntx3pYksSHEVz2GAKPiMQvL29JqP8Pn3ah8VA4C2SFhk5i5jAoDMY4b9lN/wX\r\n1D5nofaH8beYLkHMiE4C7cx9POaIr5899cXxrIUfPyjHWKl4J8F95RlC7bW3\r\nuJsBQ5AcuCV52Bx5gpo18ymPBo29YauPTQK2gL9ito7F2kWPB4RpF0WMMnjk\r\nZEpQ5ifyx7epv4o2CDS3UXczL6gVklzxohXrMh+QOrf433baBaJXh5ZUKnRl\r\nnMHbtw0Nfcz4A7wXhZxfn0oRwXniCviyCFDUDYa/Kv5n6oNBxOMKziIlONlr\r\nci98Ne+LXBnqI7ph8KttYnMOFlZ/dsTg/Y/wzxiAEndgqeaejMsydUuxZTLl\r\nhjMbzgmSLyeGgbKKmNzJafL1APxcoU3Bu5g9IzmzQAywZt9lR2g9uO8eLy/e\r\nZwtI2/OSfzDwubmP/Z3T0l7+zxMC5/8SLVKkiHMMH1SxsLXjMFTb7bapBLp+\r\nq+Cudq6LOMpAyEy2hc6yCPnHYHBpU3mAuUfgwvOt/aQOe8pKi20pF6JM8wCj\r\n8LTp0yeEfa61P6SDKyziwfrL8N3Ft38uFQo=\r\n=LSQX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/vue-super-cursor.min.js","babel":{"targets":"defaults and supports es6-module"},"browser":{"./sfc":"src/super-cursor.vue"},"gitHead":"018cc2d00d4f519ac4fe7656f52252f33f0e4dde","scripts":{"build":"rollup --config build/rollup.config.js --file dist/vue-super-cursor.min.js"},"_npmUser":{"name":"gerbenodk","email":"gerbenopdenkamp@hotmail.com"},"repository":{"url":"git+ssh://git@github.com/DN-Amsterdam/vue-super-cursor.git","type":"git"},"_npmVersion":"8.11.0","description":"A flexible library for adding custom (super) cursors to your vue/nuxt apps. ","directories":{},"_nodeVersion":"16.16.0","dependencies":{"lodash":"^4.17.21"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^2.6.11","gsap":"^3.11.3","rollup":"^1.17.0","@babel/core":"^7.17.8","rollup-plugin-vue":"^5.0.1","@rollup/plugin-babel":"^6.0.3","vue-template-compiler":"^2.6.10","@rollup/plugin-commonjs":"^11.1.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-super-cursor_1.0.2_1669812848807_0.1981542070579474","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@digitalnatives/vue-super-cursor","version":"1.0.3","author":{"name":"Gerben Op den Kamp","email":"gerben@digitalnatives.nl"},"license":"MIT","_id":"@digitalnatives/vue-super-cursor@1.0.3","maintainers":[{"name":"gerbenodk","email":"gerbenopdenkamp@hotmail.com"}],"homepage":"https://github.com/DN-Amsterdam/vue-super-cursor#readme","bugs":{"url":"https://github.com/DN-Amsterdam/vue-super-cursor/issues"},"dist":{"shasum":"34e8ca19519082459fc288445f2df50f77bca5d5","tarball":"https://registry.npmjs.org/@digitalnatives/vue-super-cursor/-/vue-super-cursor-1.0.3.tgz","fileCount":8,"integrity":"sha512-J+790G65QPMLiygKcOTRzlEXjbpePduSJelZGj+f3dYotJDuWnA89yU06KXDjS2dtp4e7b/bLSdFk9+SWGp8Yw==","signatures":[{"sig":"MEUCIEXtIKz0DEZsE8CB6EfqhJsJd1IdzuoLfN9Mqi3OXH6hAiEAgJyQG7p4JLkRse3vdcZ0rUHtwKwirZ42qKWlbfIiBFw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26364,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiHs1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3KRAAoaEtvSZTLrt1reR97kMPOR0Hf2SUx/S0TEA+/EGeEbfOs5xA\r\nAr6LA5yUMqE6FExFTwmWLFP5SD3RrwWQuBPUCOGz7zrwQlg1K0LSDjoGfeT4\r\n0BQOuGMheIslN9U9mOK5icXhowYJumMZldAM1zpz/CO50hJaO0ag1nahQ1RK\r\nuAu97GNvclsGdw+gCC9Nr6z1lB01qIlWcl7mcAgeK/91HKgJ56wsMUToETn1\r\nV333emtlkhCQUumNzMtkOaKAWUR+1ng48roBXMEDQejz3CZ3dzsDkD7zrxIW\r\n8nt64QgJMfe8Mz86s/i58JtU6ZeWrWDnixhgjBGt6E7X6dRMxsUP/5RBLyD9\r\ngIEAvzP9jfQF1gXC3nKYkpyY+y+iByVpBOrX1mEyf6YjPRca343wexuLnHDj\r\nOz+Z6ujozsofwcI5icfy69TKLPqSeuSGT9jitlujBeEgv9S4dcAjThL7HDYN\r\nluA0WSXQ91f8a+JXQL4+FaDfIJc8bdq/HsnHYnOZxFkAH5lorlkOiMnp8YcX\r\n3lpjr1nT4dDKoMUidh2VF/8/aSbO5QA7bJsyimUSUikjNI9XFoPf9lo0DOFa\r\n9kbGcXWUwb1ViQAUwoGydF04T6RBPadKTS9SP3Wap/uks9chRVKolNIP91Tx\r\n7Jou3M2Inddb7MAcOpz3SmMPEQtLTkYl7W0=\r\n=7WWW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/vue-super-cursor.umd.js","unpkg":"dist/vue-super-cursor.min.js","module":"dist/vue-super-cursor.esm.js","browser":{"./sfc":"src/super-cursor.vue"},"gitHead":"bc27ae5a5664038f9aa191e2a8711987db2fd660","scripts":{"build":"npm run build:umd & npm run build:es & npm run build:unpkg","build:es":"rollup --config build/rollup.config.js --format es --file dist/vue-super-cursor.esm.js","build:umd":"rollup --config build/rollup.config.js --format umd --file dist/vue-super-cursor.umd.js","build:unpkg":"rollup --config build/rollup.config.js --format iife --file dist/vue-super-cursor.min.js"},"_npmUser":{"name":"gerbenodk","email":"gerbenopdenkamp@hotmail.com"},"repository":{"url":"git+ssh://git@github.com/DN-Amsterdam/vue-super-cursor.git","type":"git"},"_npmVersion":"8.11.0","description":"A flexible library for adding custom (super) cursors to your vue/nuxt apps. ","directories":{},"_nodeVersion":"16.16.0","dependencies":{"vue":"^2.0.0","gsap":"^3.11.3","lodash":"^4.17.21"},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^1.17.0","rollup-plugin-vue":"^5.0.1","@rollup/plugin-buble":"^1.0.1","rollup-plugin-uglify":"^6.0.4","vue-template-compiler":"^2.6.10","@rollup/plugin-commonjs":"^11.1.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-super-cursor_1.0.3_1669888821083_0.572190205589036","host":"s3://npm-registry-packages"}}},"time":{"created":"2022-11-29T16:48:26.798Z","modified":"2025-02-07T12:31:49.433Z","1.0.0":"2022-11-29T16:48:26.962Z","1.0.1":"2022-11-30T10:56:11.284Z","1.0.2":"2022-11-30T12:54:09.016Z","1.0.3":"2022-12-01T10:00:21.224Z"},"bugs":{"url":"https://github.com/DN-Amsterdam/vue-super-cursor/issues"},"author":{"name":"Gerben Op den Kamp","email":"gerben@digitalnatives.nl"},"license":"MIT","homepage":"https://github.com/DN-Amsterdam/vue-super-cursor#readme","repository":{"url":"git+ssh://git@github.com/DN-Amsterdam/vue-super-cursor.git","type":"git"},"description":"A flexible library for adding custom (super) cursors to your vue/nuxt apps. ","maintainers":[{"email":"koosbavinck@gmail.com","name":"koosio"}],"readme":"# Vue Super Cursor - Vue 2\nA flexible library for adding custom (super) cursors to your vue/nuxt 2 apps. Flexible configuration, good browser support and some built in solutions to common problems.\n\n## Installation\n```bash\nyarn add @digitalnatives/vue-super-cursor\n```\n\n## Usage examples\n\n```vue\n<template>\n    <div>\n        <!-- default -->\n        <SuperCursor />\n        \n        <!-- use custom element as cursor -->\n        <SuperCursor>\n            <svg>....</svg>\n        </SuperCursor>\n\n        <!-- Nuxt usage, prevents error on initial page load  -->\n        <client-only>\n            <SuperCursor />\n        </client-only>\n       \n    </div>\n</template>\n\n<script>\nimport SuperCursor from '@digitalnatives/vue-super-cursor'\n\nexport default {\n    components: {\n      SuperCursor\n    }\n}\n</script>\n```\n\n## Props\n\nThe component is configurable through props.\n\n| Prop                  | Type   | Required   | Description                                                                                                                            | Object variables        | Default value                                                                                                 |\n|---------------------------|--------|------------|----------------------------------------------------------------------------------------------------------------------------------------|-------------------------|---------------------------------------------------------------------------------------------------------------|\n| `throttleDelay`                | Number | _optional_ | Throttle how often the mutationObserver will fire.                                                                | -                       | `500`                                                                                                         |\n| `hoverableElements`             | Array  | _optional_ | Array contains object with a `class` and `elements`                                                                                    | `class`, `elements`     | ```{ class: 'super-cursor--hovering', elements: 'a, button' }```                                              |\n| `trailingCursors`        | Array  | _optional_ | Array contains object with a `class` and `gsap_options`. For Gsap options see the [docs](https://greensock.com/docs/v3/GSAP/gsap.to()) | `class`, `gsap_options` | `[]`                                                                                                          |                                                                                    \n| `mutationObserverOptions` | Object | _optional_ | Options see docs [MutationObserver](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver/observe)                         | -                       | ``` { childList: true, subtree: true, attributes: true, characterData: false, attributeFilter: ['open'] } ``` |\n\n\n## Hoverable elements\nThe hoverable-elements prop lets you to add objects with a selector (elements) and a class. This allows you to define elements that will trigger an even when the cursor hovers over them. It also let's you set a class that will be added to the `<body>` when this happens. By default the cursor will trigger the class `.super-cursor--hovering` on the `<body>` when you hover over `<button>` and `<a>` elements.\n\n### Example hoverable elements\nLet's assume you have a card that should have a different cursor. You could add the hoverable like so:\n```vue\n<SuperCursor :hoverable-elements=\"[\n    {\n        class: 'super-cursor--hovering', // keep the default in tact\n        elements: 'a, button'\n    },\n    {\n        class: 'super-cursor--hover-card',\n        elements: '.card' // select your card with a class selector\n    }\n]\" />\n```\n\nThe class `.super-cursor--hover-card` will now be added to the body when you hover over one of the cards.\n\nYou can then style the cursor however you like\n\n```css\nbody.super-cursor--hover-card .super-cursor {\n    background: magenta;\n}\n```\n\nThe cursor should now turn purple when you hover over a card.\n\n### Do not hover\nThe elements property uses the `queryselector` api. Any valid css selector should work. You can leverage this to change disable hover behaviour as well. For example like so: `elements: 'a:not(.dont-hover-me)'`. This should select all `<a>` elements except the ones with a `.dont-hover-me` class.\n\n\n## Trailing cursors\nThe trailing cursors prop allows you to add additional trailing cursors with their own timing function. You can add as many as you like. Each cursor should have a `class` and a `gsap_options` property. The `gsap_options` can be any options available in the `gsap.to()` api https://greensock.com/docs/v3/GSAP/gsap.to()\n\nAdd one like so:\n```vue\n<SuperCursor :trailing-cursors=\"[\n    {\n        class: 'super-cursor--trailing', // the class the cursor will have\n        gsap_options: { // Greensock options\n            duration: 0.1\n        }\n    },    \n]\" />\n```\n\n## Base styles\n\nThis component contains some boilerplate CSS to provide an accessible base to work from. It is quite simple and should be easy to customize.\n\n```less\nbody {\n  * {\n    cursor: none; // Hide the default cursor\n  }\n\n  .super-cursor {\n    opacity: 0;\n  }\n\n  .super-cursor-trail {\n    opacity: 0;\n  }\n\n  @media ( hover: hover ) {\n    &:hover .super-cursor { // show the cursor when the cursor is inside the <body> element. Fade it out when it leaves the window\n      opacity: 1;\n    }\n\n    &:hover .super-cursor-trail { // do the same for the cursor trail\n      opacity: 1;\n    }\n  }\n}\n\n.super-cursor {\n  position: fixed;\n  opacity: 0;\n  pointer-events: none;\n  height: 25px;\n  width: 25px;\n  background-color: #000;\n  z-index: 2147483647;\n  transform: translate(-50%, -50%);\n  border-radius: 50%;\n}\n\n.super-cursor-trail {\n  opacity: 0;\n}\n```\n\n## Questions & contributing\nFeel welcome to open issues if you have questions are if you run into bugs.\n\nOr even better submit a pull request :)\n\nMade by [Digital Natives Amsterdam](https://www.digitalnatives.nl/)\n\n","readmeFilename":"README.md"}