Skip to content

feat($theme-default): add code group and code block components #2594

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
bencodezen merged 7 commits into from
Sep 9, 2020
Merged

feat($theme-default): add code group and code block components #2594

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
5b8dcca
Merge pull request #1 from vuejs/master
d-pollard Sep 2, 2020
e918dfd
feat($theme-default): add code group and code block components
d-pollard Sep 2, 2020
be9d466
docs: update wording to proper usage
d-pollard Sep 2, 2020
a195196
docs: use implicit truthy of boolean CodeBlock attribute
d-pollard Sep 2, 2020
e9bec76
feat: code group provides logical fallthrough behavior
d-pollard Sep 2, 2020
f253a8f
feat: code group tabs styled properly
d-pollard Sep 2, 2020
0f60aab
feat: code group uses codeBgColor for background
d-pollard Sep 3, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
docs: update wording to proper usage
  • Loading branch information
@d-pollard
d-pollard committed Sep 2, 2020
commit be9d466b6f335d38db9d53d683781b5bce01014b
24 changes: 12 additions & 12 deletions packages/docs/docs/guide/getting-started.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,19 +65,19 @@ This section will help you build a basic VuePress documentation site from ground

3. Install VuePress locally

<code-group>
<code-block title="YARN" :active="true">
```bash
yarn add -D vuepress
```
</code-block>
<code-group>
<code-block title="YARN" :active="true">
```bash
yarn add -D vuepress
```
</code-block>

<code-block title="NPM">
```bash
npm install -D vuepress
```
</code-block>
</code-group>
<code-block title="NPM">
```bash
npm install -D vuepress
```
</code-block>
</code-group>

4. Create your first document

Expand Down
2 changes: 1 addition & 1 deletion packages/docs/docs/theme/default-theme-config.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -559,7 +559,7 @@ This will render `.vuepress/components/SpecialLayout.vue` for the given page.

## Ejecting

You can copy the default theme source code into `.vuepress/theme` to fully customize the theme using the `vuepress eject [targetDir]` command. If you didn't install Vuepress globally, run `./node_modules/.bin/vuepress eject`.
You can copy the default theme source code into `.vuepress/theme` to fully customize the theme using the `vuepress eject [targetDir]` command. If you didn’t install VuePress globally, run `./node_modules/.bin/vuepress eject`.

::: warning
Once you eject, you are on your own and **won’t** be receiving future updates or bugfixes to the default theme even if you upgrade VuePress.
Expand Down