What's new
This initial release introduces a fully functional donation component with basic color customization options, making the Simple Donation module adaptable to various project needs.
Features
- PayPal Integration: easy integration with PayPal for secure, one-time donations in EUR.
- Color Customization: users can customize the primary, secondary, and accent colors of the donation component.
- Background Color: ability to set a custom background color for the donation component.
- Responsive Design: fully responsive layout that works on all device sizes.
- FAQ Customization: option to add custom FAQs to the donation component.
- Tailwind CSS Integration: built with Tailwind CSS for easy styling and consistency with your Nuxt 3 project.
Getting started
To start using the Simple Donation module in your Nuxt 3 project, install it via npm:
npm install simple-donation
or yarn:
yarn add simple-donation
Then, add it to your nuxt.config.ts:
export default defineNuxtConfig({
modules: [
['simple-donation', {
paypal: {
clientId: process.env.PAYPAL_CLIENT_ID
},
colors: {
primary: '#3B82F6', // Custom primary color
secondary: '#1E40AF', // Custom secondary color
accent: '#60A5FA', // Custom accent color
background: '#FFFFFF' // Custom background color
}
}]
]
})Live demo
You can see this module in action and test it live at:
https://wikiherbalist.com/donazioni
Feedback and contributions
As this is a first release, I am particularly keen to hear your feedback. Please open an issue on GitHub if you encounter any problems, have suggestions for improvement, or would like to contribute to the project.
I'll be upgrading this module and add new features and keep it secure and updated.
Thank you for your interest in the Simple Donation module. I look forward to seeing how you use it in your projects!