[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9002":3},{"id":4,"name":5,"fullName":6,"owner":5,"repo":5,"description":7,"homepage":8,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":16,"stars30d":17,"stars90d":15,"forks30d":15,"starsTrendScore":18,"compositeScore":19,"rankGlobal":9,"rankLanguage":9,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":23,"topics":24,"createdAt":9,"pushedAt":9,"updatedAt":39,"readmeContent":40,"aiSummary":41,"trendingCount":15,"starSnapshotCount":15,"syncStatus":17,"lastSyncTime":42,"discoverSource":43},9002,"vue-stripe","vue-stripe\u002Fvue-stripe","Stripe Checkout & Elements for Vue.js","https:\u002F\u002Fvuestripe.com",null,"Vue",1121,144,14,22,0,1,2,3,19.48,"MIT License",false,"main",true,[25,26,27,28,29,30,31,32,33,34,35,36,37,38],"hacktoberfest","javascript","nuxt-demo","payment","plugin","stripe","stripe-checkout","stripe-elements","stripe-sessions","subscription","vue","vue-stripe-checkout","vue-stripe-elements","vuejs","2026-06-12 02:02:01","\u003Cp align=\"center\">\n  \u003Cimg src=\".\u002F.github\u002Fassets\u002Fvue-stripe-logo-variant-1.png\" alt=\"Vue Stripe Logo\" width=\"250\"\u002F>\n  \u003Ch1 align=\"center\">\n    Vue Stripe\n    \u003Cdiv style=\"height: 10px;\">\u003C\u002Fdiv>\n    \u003Ca href=\"https:\u002F\u002Fstripe.com\u002Fpartners\u002Fvue-stripe\" target=\"_blank\">\u003Cimg src=\".\u002F.github\u002Fassets\u002Fstripe_partner_badge_verified_blurple.png\" alt=\"Stripe Partner\" height=\"30\"\u002F>\u003C\u002Fa>\n  \n  \u003C\u002Fh1>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fstripe.com\u002Fpartners\u002Fvue-stripe\" target=\"_blank\">\u003Cimg src=\".\u002F.github\u002Fassets\u002Fstripe_partner_badge_verified_blurple.png\" alt=\"Stripe Partner\" width=\"98\"\u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Fall\u002Fbadge.svg?label=financial+contributors\" alt=\"Financial Contributors on Open Collective\"\u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@vue-stripe\u002Fvue-stripe\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@vue-stripe\u002Fvue-stripe.svg?style=flat-square\" alt=\"npm version\"\u002F>\u003C\u002Fa>\n  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbundlephobia\u002Fmin\u002F@vue-stripe\u002Fvue-stripe?style=flat-square\" alt=\"npm bundle size\"\u002F>\n  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdw\u002F@vue-stripe\u002Fvue-stripe?style=flat-square\" alt=\"npm downloads\"\u002F>\n  \u003Ca href=\"https:\u002F\u002Fopensource.org\u002Flicenses\u002FMIT\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-MIT-yellow.svg\" alt=\"License: MIT\"\u002F>\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Cstrong>Vue.js library for Stripe Checkout and Elements\u003C\u002Fstrong>\u003Cbr\u002F>\n  Vue 3.x with TypeScript-first development\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fvuestripe.com\">Website\u003C\u002Fa> |\n  \u003Ca href=\"https:\u002F\u002Fvuestripe.com\u002Fguides\u002F\">Guides\u003C\u002Fa> |\n  \u003Ca href=\"https:\u002F\u002Fvuestripe.com\u002Fapi\u002F\">API\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fplayground.vuestripe.com\">Playground\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fbackend.vuestripe.com\">Backend\u003C\u002Fa>\n\u003C\u002Fp>\n\n---\n\n> [Vue Stripe](https:\u002F\u002Fvuestripe.com) is an official [Stripe partner](https:\u002F\u002Fstripe.com\u002Fpartners\u002Fvue-stripe)\n\n## Announcement\n\nThank you for your patience! This is an early release of the new Vue Stripe. As with any early release, you may encounter bugs. If you find any issues or have suggestions, please [create an issue](https:\u002F\u002Fgithub.com\u002Fvue-stripe\u002Fvue-stripe\u002Fissues) or [submit a pull request](https:\u002F\u002Fgithub.com\u002Fvue-stripe\u002Fvue-stripe\u002Fpulls). Your contributions are greatly appreciated!\n\n## Features\n\n- **Vue 3** — Built for Vue 3.x\n- **TypeScript First** — Full TypeScript support with comprehensive types\n- **Modern Elements** — Payment Element supporting 40+ payment methods\n- **Composition API** — Vue 3 Composition API\n- **Customizable** — Full support for Stripe's Appearance API\n- **Well Tested** — Comprehensive test suite\n- **SSR Ready** — Support for Nuxt 3 and server-side rendering\n\n## Quick Start\n\n```bash\nnpm install @vue-stripe\u002Fvue-stripe @stripe\u002Fstripe-js\n```\n\n```vue\n\u003Ctemplate>\n  \u003CVueStripeProvider :publishable-key=\"publishableKey\">\n    \u003CVueStripeElements>\n      \u003CVueStripePaymentElement @ready=\"onReady\" \u002F>\n      \u003Cbutton @click=\"processPayment\">Pay Now\u003C\u002Fbutton>\n    \u003C\u002FVueStripeElements>\n  \u003C\u002FVueStripeProvider>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport {\n  VueStripeProvider,\n  VueStripeElements,\n  VueStripePaymentElement,\n  usePaymentIntent\n} from '@vue-stripe\u002Fvue-stripe'\n\nconst publishableKey = 'pk_test_...'\nconst { confirmPayment } = usePaymentIntent()\n\nconst processPayment = async () => {\n  const result = await confirmPayment(clientSecret)\n  \u002F\u002F Handle result\n}\n\u003C\u002Fscript>\n```\n\n## Documentation\n\n- [Website](https:\u002F\u002Fvuestripe.com) - Official website for Vue Stripe\n- [Guides](https:\u002F\u002Fvuestripe.com\u002Fguide\u002Fintroduction) - Guides for using Vue Stripe\n- [API Reference](https:\u002F\u002Fvuestripe.com\u002Fapi\u002F) - API reference for Vue Stripe components and composables\n- [Playground](https:\u002F\u002Fplayground.vuestripe.com) - Interactive playground for testing Vue Stripe components and integrations\n- [Backend](https:\u002F\u002Fbackend.vuestripe.com) - Backend for the playground\n\n## Monorepo Structure\n\nThis repository is organized as a monorepo using pnpm workspaces and Turborepo:\n\n```\nvue-stripe\u002F\n├── packages\u002F\n│   └── vue-stripe\u002F        # Main library (@vue-stripe\u002Fvue-stripe)\n├── apps\u002F\n│   ├── docs\u002F              # VitePress documentation site\n│   └── playground\u002F        # Development playground\n│   └── backend\u002F           # Backend for the playground\n└── tools\u002F\n    ├── eslint-config\u002F     # Shared ESLint configuration\n    └── typescript-config\u002F # Shared TypeScript configuration\n```\n\n### Packages\n\n| Package | Description |\n|---------|-------------|\n| [@vue-stripe\u002Fvue-stripe](.\u002Fpackages\u002Fvue-stripe) | Main library package |\n| [@vue-stripe\u002Fdocs](.\u002Fapps\u002Fdocs) | VitePress documentation |\n| [@vue-stripe\u002Fplayground](.\u002Fapps\u002Fplayground) | Development playground |\n| [@vue-stripe\u002Fbackend](.\u002Fapps\u002Fbackend) | Backend for the playground |\n\n## Development\n\n### Prerequisites\n\n- Node.js 20+\n- pnpm 8+\n\n### Getting Started\n\n```bash\n# Install dependencies\npnpm install\n\n# Start development (all apps)\npnpm dev\n\n# Start playground only\npnpm playground:dev\n\n# Start documentation only\npnpm docs:dev\n```\n\n### Building & Testing\n\n```bash\n# Build all packages\npnpm build\n\n# Run all tests\npnpm test\n\n# Lint all packages\npnpm lint\n```\n\n## Contributors\n\n### Code Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)]\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fjofftiquez\u002Fvue-stripe-checkout\u002Fgraphs\u002Fcontributors\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Fcontributors.svg?width=890&button=false\" \u002F>\u003C\u002Fa>\n\n### Financial Contributors\n\nBecome a financial contributor and help us sustain our community. [[Contribute](https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Fcontribute)]\n\n#### Individuals\n\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Findividuals.svg?width=890\">\u003C\u002Fa>\n\n#### Organizations\n\nSupport this project with your organization. Your logo will show up here with a link to your website. [[Contribute](https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Fcontribute)]\n\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Forganization\u002F0\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Forganization\u002F0\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Forganization\u002F1\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Forganization\u002F1\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Forganization\u002F2\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Forganization\u002F2\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Forganization\u002F3\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Forganization\u002F3\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Forganization\u002F4\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Forganization\u002F4\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Forganization\u002F5\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Forganization\u002F5\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Forganization\u002F6\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Forganization\u002F6\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Forganization\u002F7\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Forganization\u002F7\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Forganization\u002F8\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Forganization\u002F8\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Forganization\u002F9\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fvue-stripe-checkout\u002Forganization\u002F9\u002Favatar.svg\">\u003C\u002Fa>\n\n## License\n\n[MIT](LICENSE) License © 2017-2025 Vue Stripe Contributors\n\n---\n\nMade with :heart: by [Joff Tiquez](https:\u002F\u002Ftwitter.com\u002Fjrtiquez)\n","Vue Stripe 是一个为 Vue.js 应用程序提供 Stripe Checkout 和 Elements 集成的库。它支持 Vue 3.x，并以 TypeScript 优先开发，提供了现代化的支付元素，支持超过40种支付方式，同时利用了 Vue 3 的 Composition API 来构建高度可定制化的支付界面。该项目还全面支持 Stripe 的外观 API，确保开发者可以轻松自定义支付表单的设计。此外，Vue Stripe 经过充分测试并准备好支持服务器端渲染（SSR），适用于 Nuxt 3 等框架。此项目非常适合需要在 Vue.js 项目中集成安全、易用支付解决方案的场景。","2026-06-11 03:20:45","top_language"]