{"id":44664586,"url":"https://github.com/zhixiaoqiang/sfc-playground-vant","last_synced_at":"2026-02-15T00:16:42.519Z","repository":{"id":37762291,"uuid":"478081420","full_name":"zhixiaoqiang/sfc-playground-vant","owner":"zhixiaoqiang","description":"Try Vant in the Playground. Currently only Vant 3+ is supported","archived":false,"fork":false,"pushed_at":"2026-02-03T04:51:35.000Z","size":9528,"stargazers_count":28,"open_issues_count":9,"forks_count":3,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-02-03T18:26:54.420Z","etag":null,"topics":["playground","repl","sfc","typescript","vant","vue","vue3"],"latest_commit_sha":null,"homepage":"https://sfc-playground-vant.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zhixiaoqiang.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2022-04-05T10:37:00.000Z","updated_at":"2025-11-02T13:47:16.000Z","dependencies_parsed_at":"2023-12-26T04:23:17.651Z","dependency_job_id":"6f1137c4-f5e7-48cb-94c8-5a58b21d87c6","html_url":"https://github.com/zhixiaoqiang/sfc-playground-vant","commit_stats":{"total_commits":142,"total_committers":5,"mean_commits":28.4,"dds":0.3943661971830986,"last_synced_commit":"eaef7c344c373fd1dd576924ebebd12e01a264f3"},"previous_names":[],"tags_count":12,"template":false,"template_full_name":null,"purl":"pkg:github/zhixiaoqiang/sfc-playground-vant","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhixiaoqiang%2Fsfc-playground-vant","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhixiaoqiang%2Fsfc-playground-vant/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhixiaoqiang%2Fsfc-playground-vant/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhixiaoqiang%2Fsfc-playground-vant/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zhixiaoqiang","download_url":"https://codeload.github.com/zhixiaoqiang/sfc-playground-vant/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhixiaoqiang%2Fsfc-playground-vant/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29461596,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-14T22:42:09.113Z","status":"ssl_error","status_checked_at":"2026-02-14T22:42:05.053Z","response_time":53,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["playground","repl","sfc","typescript","vant","vue","vue3"],"created_at":"2026-02-15T00:16:42.007Z","updated_at":"2026-02-15T00:16:42.514Z","avatar_url":"https://github.com/zhixiaoqiang.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SFC Playground with Vant\n\n\u003e This is an Vant SFC Playground. Click the [vercel.app](https://sfc-playground-vant.vercel.app/) Or [zhixiaoqiang.github.io](https://zhixiaoqiang.github.io/sfc-playground-vant/) link to view.\n\n![main-pic](https://unpkg.com/@jzone/sfc-playground-vant/public/vant-main-pic.png)\n\n\u003e NOTE! The reason why this is designed to manually `import { injectVant }` is to be more universally compatible with any component library, Not only Vant.\n\n## What's inside?\n\nTry Vant in the Playground. Currently only Vant 3+ is supported\n\n### Features\n\n- ⚡️ Vant 3+\n- ⚡️ PreLoad ImportsFile,Instantly display content([e0d5c6](https://github.com/zhixiaoqiang/sfc-playground-vant/commit/e0d5c6cd56ced1805b07ff6cddb9fe759c8cfbf5))\n- 🤙🏻 Free switch Vant/Vue version, and more\n- 🛠️ Rich Features\n- ☁️ Deploy on Netlify/vercel/GitHub Pages, zero-config\n- 💡 Support the Typescript\n- 😃 Easy to create your own\n- 🤩 Download project support generated package.json by user input ([13ee3f](https://github.com/zhixiaoqiang/sfc-playground-vant/commit/13ee3f8ec73a6c77a0146b3625464854d2aab713))\n- 🛠️ Smarter and more efficient npm scripts\n\n### Future Features\n\u003e coming soon\n\n- [ ] 🛠️ Support Vant dark mode\n- [ ] 🛠️ Support on-demand introduction\n- [ ] 🛠️ CLI\n- [ ] 🔑 Fully Typed API\n- [ ] 😃 Switch CDN\n\n### Utilities\n\nThis SFC Playground has some additional tools already setup for you:\n\n- [pnpm](https://pnpm.io) as a packages manager\n- [TypeScript](https://www.typescriptlang.org/) for static type checking\n- [ESLint](https://eslint.org/) for code linting\n- [Prettier](https://prettier.io) for code formatting\n- [Vant](https://vant-contrib.gitee.io/vant) a Lightweight Mobile UI Components built on Vue\n- [@vue/repl](https://github.com/vuejs/repl) for Vue SFC REPL as a Vue 3 component\n\n## Get Started\n\n1. Click `Use this template`, and clone your repo `degit https://github.com/zhixiaoqiang/sfc-playground-vant#main` or `git clone https://github.com/zhixiaoqiang/sfc-playground-vant --depth 1`. [degit](https://github.com/Rich-Harris/degit)\n2. Adjust the following files.\n\n```bash\nsrc\n├── components\n│   └── npm-version-switch\n│       ├── helps.ts # add version switch feature\n├── config.ts # config welcome code、CDN、additionalFiles...\n├── store.ts # includes base functions...\n```\n\nthen it'll be your repository totally.\n\n### Build\n\nTo build the playground, run the following command:\n\n```bash\npnpm build\n```\n\n### Develop\n\nTo develop the playground, run the following command:\n\n```bash\npnpm dev\n```\n\n### Create Changelog\n\n1. Execute `pnpm changeset` to add a changeset.\n2. Execute `pnpm changeset version` to change `CHANGELOG.md`.\n3. Execute `pnpm changeset publish` to publish `npm library`. [can skip]\n4. Execute `git commit`, this command will trigger `lint-staged` and `commitzen`.\n5. Execute `git push` to trigger `Github Actions` or `vercel Deploy`\n\u003c!-- 3. If you create a PR merge to main, `changeset/actions` will create a `Version Packages` PR. confirm merge `Version Packages` PR will trigger `changeset publish`, it's really publish. --\u003e\n\n## CHANGELOG\n\nPlease refer to [CHANGELOG](https://github.com/zhixiaoqiang/sfc-playground-vant/blob/main/CHANGELOG.md) for details.\n\nInspired by [Evan You's](https://github.com/yyx990803) [Vue SFC Playground](https://sfc.vuejs.org/)\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhixiaoqiang%2Fsfc-playground-vant","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzhixiaoqiang%2Fsfc-playground-vant","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhixiaoqiang%2Fsfc-playground-vant/lists"}