Skip to content

Commit 6d5d484

Browse files
committed
docs: Update vuepress example
1 parent 9fb4aa7 commit 6d5d484

File tree

1 file changed

+19
-19
lines changed

1 file changed

+19
-19
lines changed

docs/howto/vuepress.md

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -2,28 +2,28 @@
22

33
In Vuepress the use and installation is also simple.
44

5-
```javascript
6-
// enhanceApp.js
7-
import VueDarkMode from '@vue-a11y/dark-mode'
8-
9-
export default ({ Vue, isServer }) => {
10-
if (!isServer) {
11-
Vue.use(VueDarkMode)
12-
}
13-
}
14-
```
15-
165
::: warning
176
VuePress applications are rendered by the server in Node.js when generating static builds. To avoid errors, we will wrap it inside the `<ClientOnly>` component.
187
:::
198

20-
219
```vue
22-
<ClientOnly>
23-
<DarkMode>
24-
<template v-slot="{ mode }">
25-
Color mode: <span>{{ mode }}</span>
26-
</template>
27-
</DarkMode>
28-
</ClientOnly>
10+
<template>
11+
<ClientOnly>
12+
<DarkMode>
13+
<template v-slot="{ mode }">
14+
Color mode: <span>{{ mode }}</span>
15+
</template>
16+
</DarkMode>
17+
</ClientOnly>
18+
</template>
19+
20+
<script>
21+
import { DarkMode } from '@vue-a11y/dark-mode'
22+
23+
export default {
24+
components: {
25+
DarkMode
26+
}
27+
}
28+
</script>
2929
```

0 commit comments

Comments
 (0)