[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8814":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":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":22,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":29,"readmeContent":30,"aiSummary":31,"trendingCount":16,"starSnapshotCount":16,"syncStatus":32,"lastSyncTime":33,"discoverSource":34},8814,"vant-demo","vant-ui\u002Fvant-demo","vant-ui","Collection of vant demos.","",null,"Vue",2069,1207,39,15,0,3,31.25,"MIT License",false,"master",true,[24,25,26,27,5,28],"demo","mobile","ui","vant","vue","2026-06-12 02:01:58","# Vant Demo\n\nEnglish | [简体中文](.\u002FREADME.zh-CN.md)\n\nThe current repository is the official example repository for Vant, which includes examples related to Vant, Vant Weapp, and Vant Cli.\n\n## How to Use\n\n1. First, clone the current repository to your local:\n\n```bash\ngit clone git@github.com:vant-ui\u002Fvant-demo.git\n```\n\n2. Then, choose the example you need, such as the [Rsbuild](https:\u002F\u002Fgithub.com\u002Fweb-infra-dev\u002Frsbuild) project example:\n\n```bash\ncd vant\u002Frsbuild\n```\n\n3. Install the dependencies using `npm` or other package managers, and start the project:\n\n```bash\nnpm i\nnpm run dev\n```\n\n4. You can fork the current project or directly copy the code from the current project to use.\n\n## Directory Structure\n\n```bash\n├── vant                # Examples related to Vant\n│   ├── rsbuild         Building applications using Vue 3, Vant 4, and Rsbuild\n│   ├── vite            Building applications using Vue 3, Vant 4, and Vite\n│   ├── nuxt3           Building applications using Nuxt 3 and Vant 4\n│   ├── vue3-ts         Building applications using Vue 3, Vant 4, TypeScript, Vite\n│   ├── cdn             Importing Vant through CDN\n│   ├── rem             Configuring rem adaptation\n│   ├── viewport        Configuring viewport settings\n│   └── typescript      Configuring TypeScript and importing on demand\n│\n├── vant-weapp          # Examples related to Vant Weapp\n│   └── base            Building mini-programs using Vant Weapp\n│\n├── react-vant          # Examples related to React Vant\n│   └── rsbuild         Building applications using React Vant and Rsbuild\n│\n└── vant-cli            # Examples related to Vant Cli\n    └── base            Building component libraries using Vant Cli\n```\n","Vant Demo 是一个收集了 Vant 组件库示例的项目，旨在帮助开发者更好地理解和使用 Vant。该项目提供了多种基于 Vue 框架的应用构建示例，包括但不限于使用 Rsbuild、Vite 和 Nuxt 3 等现代前端工具链结合 Vant 进行开发的案例。此外，还涵盖了通过 CDN 引入 Vant、配置 rem 自适应布局、设置 viewport 以及集成 TypeScript 的教程。此项目非常适合需要快速上手 Vant 或者寻找特定场景下（如移动端应用、小程序等）最佳实践参考的前端工程师。",2,"2026-06-11 03:19:51","top_language"]