nuxt-floating-prompt-module
v1.0.1
Published
⚡️ Invite your users to support you on product hunt (or any other website) with this floating prompt Nuxt.js module
Downloads
30
Maintainers
Readme
nuxt-floating-prompt-module
⚡️ Invite your users to support you on product hunt (or any other website) with this floating prompt Nuxt.js module
This library adds Producthunt-floating-prompt to Nuxt.js
✨ Demo
Check out the demo in these websites:
- https://undesign.learn.uno
- https://curatedstacktemplate.learn.uno/
- https://producthuntprompt.learn.uno/ (using the standard floating prompt without Nuxt.js)
📖 Setup
- Add
nuxt-floating-prompt-module
dependency to your project
yarn add nuxt-floating-prompt-module # or npm install nuxt-floating-prompt-module
- Add
nuxt-floating-prompt-module
to themodules
section ofnuxt.config.js
{
modules: [
// Simple usage
'nuxt-floating-prompt-module',
// With options
['nuxt-floating-prompt-module', { /* module options */ }],
],
// or use options likes this
floatingPrompt: {
name: 'My super product',
url: 'https://www.producthunt.com/posts/my-super-product',
text: 'My customized text', // default: Hi, do you like ${name} ? Don't forget to show your love on Product Hunt 🚀
buttonText: 'My customized button', // default: ${name} on Product Hunt
width: '500px', // default: 300px
bottom: '32px', // default: 32px - postition from the bottom
right: 'unset', // default: 32px - position from the right
left: '32px', // default: unset - position from the left
colorOne: 'red', // default: #da552f - first color of the gradient
colorTwo: 'blue', // default: #ea8e39 - second color of the gradient
saveInCookies: false, // default: true - if true it will use localStorage to appear only once
target: '_parent' // default: '_blank' - target of the link
}
}
⚙️ Development
- Clone this repository
- Install dependencies using
yarn install
ornpm install
- Start development server using
npm run dev
🤝 Contributing
Contributions, issues and feature requests are welcome!
⭐️ Show your support
Please ⭐️ this repository if this project helped you!
🍺 Buy me a beer
If you like this project, feel free to donate:
- PayPal: https://www.paypal.me/kanbanote
- Bitcoin: 19JiNZ1LkMaz57tewqJaTg2hQWH4RgW4Yp
- Ethereum: 0xded81fa4624e05339924355fe3504ba9587d5419
- Monero: 43jqzMquW2q989UKSrB2YbeffhmJhbYb2Yxu289bv7pLRh4xVgMKj5yTd52iL6x1dvCYs9ERg5biHYxMjGkpSTs6S2jMyJn
- Motive: MOTIV-25T5-SD65-V7LJ-BBWRD (Get Motive Now: https://motive.network)
📄 License
Copyright (c) Sandoche Adittane