nuxt / nuxt/modules

Request to join nuxt-modules with stripe-js integration

Open
#1,207 3 comments 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
1.1k
Forks
354
Avg merge
10h 18m
Merged PRs (30d)
12

Description

Module Information

Background

This module is an effort to port the popular @stripe/react-stripe-js library to the Vue/Nuxt ecosystem. While Stripe officially maintains React components, there's a gap in official support for Vue developers. I've worked to create a comparable developer experience with Vue-specific optimizations, bringing the same level of integration and ease-of-use that React developers enjoy to the Nuxt community.

I should note that while I'm not a React expert, I've done my best to understand and properly translate the @stripe/react-stripe-js patterns to Vue/Nuxt. I've been using this module privately in my own projects for over a year without any issues. Having additional eyes from the Nuxt modules developers would be valuable to ensure the implementation follows best practices for the Vue ecosystem.

Current Status

I've developed a comprehensive Stripe.js integration module for Nuxt applications that provides easy implementation of Stripe.js and Stripe Elements. I'm currently facing an npm naming conflict with an abandoned package (nuxt-stripejs), and I'm in the process of resolving this with npm support.

Why join nuxt-modules?

I believe this module would benefit from being part of the official Nuxt modules ecosystem for several reasons:

  1. Stripe integration is a common requirement for many Nuxt applications
  2. Being part of nuxt-modules would provide better visibility and trust for users
  3. Collaborative maintenance would ensure long-term support and improvements
  4. The module could benefit from the expertise of the broader Nuxt community

Features

  • Easy integration with Stripe Elements
  • TypeScript support
  • Full Nuxt 3 compatibility
  • Comprehensive documentation and examples (in progress)

Future Plans

  • Add more advanced Stripe features
  • Improve testing coverage
  • Create detailed examples for common use cases

I'm excited about the possibility of joining forces with the nuxt community to create a robust, official Stripe solution for the Nuxt ecosystem. I'm open to any feedback or suggestions on how to improve the module to meet the standards of the official Nuxt modules.

Thank you for considering this request!

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reviewing the module repository at https://github.com/asonnleitner/nuxt-stripe-js, focusing on its Nuxt 3 integration, Stripe Elements support, documentation, examples, and test coverage. Confirm the npm naming conflict status and compare the module with Nuxt modules standards; done means maintainers have enough information to decide whether and how it should join the ecosystem.

Written by the indexing model from the issue text.

Assessment

Tech stack
nuxtjs, typescript
Domain
frontend, payments
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.