[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8984":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":16,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":18,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":32,"readmeContent":33,"aiSummary":34,"trendingCount":16,"starSnapshotCount":16,"syncStatus":35,"lastSyncTime":36,"discoverSource":37},8984,"sample-vue-shop","sdras\u002Fsample-vue-shop","sdras","See readme for newer repo details! A sample shop that shows how to manage payments with Vue, Stripe, and Serverless Functions","https:\u002F\u002Fshoppity.azurewebsites.net\u002F",null,"Vue",1199,241,45,5,0,55.15,"MIT License",false,"main",true,[23,24,25,26,27,28,29,30,31],"nuxt","stripe","stripe-checkout","stripe-elements","stripe-payments","vue","vue-stripe","vue-stripe-payments","vuejs","2026-06-12 04:00:42","**Note: This repo is no longer being maintained in favor of a newer, improved version: [https:\u002F\u002Fgithub.com\u002Fsdras\u002Fecommerce-netlify](https:\u002F\u002Fgithub.com\u002Fsdras\u002Fecommerce-netlify)**\n\n# Vue Sample Shop\n\nThis small demo shows how to accept payments with stripe with Vue.js using a\nserverless function. It's actually not that bad to set up! The shop also shows\nhow a number of concepts work in Vue. Server side rendering and routing is done\nwith Nuxt.js. Centralized state management with Vuex for product details. Of\nnote, using computed properties, `.sync`, CSS Grid, and `transition-group`.\n\nLive demo at\n[https:\u002F\u002Fshoppity.azurewebsites.net\u002F](https:\u002F\u002Fshoppity.azurewebsites.net\u002F)\n\nArticles explaining the demo will be available soon at\n[https:\u002F\u002Fcss-tricks.com\u002F](https:\u002F\u002Fcss-tricks.com\u002F)\n\nThe serverless function is open source as well, available at this repo\n[https:\u002F\u002Fgithub.com\u002Fsdras\u002Fsample-stripe-handler](https:\u002F\u002Fgithub.com\u002Fsdras\u002Fsample-stripe-handler)\n\n![Vue stripe sample shop](https:\u002F\u002Fimage.ibb.co\u002FhYi7nm\u002Fshop_demo.gif \"Vue Stripe Sample Shop\")\n\n## Build Setup\n\n```bash\n# install dependencies\n$ npm install # Or yarn\n\n# serve with hot reload at localhost:3000\n$ npm run dev\n\n# generate static project, get ready for launch on app services\n$ npm run generate\n```\n","该项目是一个使用Vue.js、Stripe和无服务器函数构建的示例商店，展示了如何处理支付流程。它采用了Nuxt.js进行服务器端渲染及路由管理，并利用Vuex进行商品详情的集中状态管理。项目中还运用了计算属性、`.sync`修饰符、CSS Grid布局以及`transition-group`等技术特性来增强用户体验。非常适合希望学习如何在Vue应用中集成支付功能或了解现代前端开发实践的开发者参考。",2,"2026-06-11 03:20:40","top_language"]