Vue Theme is the official design system for Vue.js. It focuses on providing design components for building a user interface for the whole Vue ecosystem.
Not only it contains essential design kits to build product docs, but it covers all surrounding essentials which are necessary for a product of the size of Vue, such as "sponsors" and "ads".
Major refactoring for Vue docs is in progress. This repo is currently the development environment to create this whole ecosystem. See "Development Setup" to learn more about the current directory structure.
You can currently find the design mockups at InVision. Planning to move to Figma soon.
This repo can be developed on its own since it is a self-contained VitePress theme. A demo app is available in /demo and can be run with yarn dev. Just install NPM packages and boot the server with yarn dev.
$ yarn install
$ yarn devTo work on this theme in the context of the vuejs.org website, see vuejs/docs#next for instructions.
Here is the list of available scripts that can be used during the development.
# Boot local dev server.
$ yarn dev
# Build demo, then serve locally. This is for testing
# production build in the local environment.
$ yarn serve
# Run lint via Prettier.
$ yarn lint
# Run type check via tsc.
$ yarn typeCopyright (c) 2021-present Evan You