SFC Playground with Vant

This is an Vant SFC Playground. Detail vercel.app Or zhixiaoqiang.github.io

What's inside?

Try Vant in the Playground. Currently only Vant 3+ is supported

Features

• ⚡️ Vant 3+
• 🤙🏻 Free switch Vant/Vue version, and more
• 🛠️ Rich Features
• ☁️ Deploy on Netlify/vercel/GitHub Pages, zero-config
• 💡 Support the Typescript
• 😃 Easy to create your own

Future Features

coming soon

• 🛠️ Support Vant dark mode
• 🛠️ Support on-demand introduction
• 🛠️ CLI
• 🔑 Fully Typed APIs
• 🛠️ Support Vant dark mode
• 😃 Switch CDN

Utilities

This SFC Playground has some additional tools already setup for you:

• pnpm as a packages manager
• TypeScript for static type checking
• ESLint for code linting
• Prettier for code formatting
• Vant a Lightweight Mobile UI Components built on Vue
• @vue/repl for Vue SFC REPL as a Vue 3 component

Get Started

0. Click Use this template, and clone your repo git clone https://github.com/zhixiaoqiang/sfc-playground-vant --depth 1.
1. config src/config.ts、src/store.ts and src/components/npm-version-switch/helps.ts.

then it'll be your repository totally.

Build

To build the playground, run the following command:

pnpm build

Develop

To develop the playground, run the following command:

pnpm dev

Create Changelog

1. Execute pnpm changeset to add a changeset.
2. Execute pnpm changeset version to change CHANGELOG.md.
3. Execute pnpm changeset publish to publish npm library. [can skip]
4. Execute git commit, this command will trigger lint-staged and commitzen.
5. Execute git push to trigger Github Actions or vercel Deploy

CHANGELOG

Please refer to CHANGELOG for details.

License

MIT