Skip to content

Commit aaf1152

Browse files
committed
fix(theme-default): avoid ssr-mismatch of dark mode logo (close vuepress#453)
1 parent 4ac5469 commit aaf1152

File tree

1 file changed

+9
-6
lines changed
  • packages/@vuepress/theme-default/src/client/components

1 file changed

+9
-6
lines changed

packages/@vuepress/theme-default/src/client/components/Navbar.vue

+9-6
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,15 @@
44

55
<span ref="siteBrand">
66
<RouterLink :to="siteBrandLink">
7-
<img
8-
v-if="siteBrandLogo"
9-
class="logo"
10-
:src="withBase(siteBrandLogo)"
11-
:alt="siteBrandTitle"
12-
/>
7+
<!-- logo could be different in dark mode, so we make it client-only to avoid ssr-mismatch -->
8+
<ClientOnly>
9+
<img
10+
v-if="siteBrandLogo"
11+
class="logo"
12+
:src="withBase(siteBrandLogo)"
13+
:alt="siteBrandTitle"
14+
/>
15+
</ClientOnly>
1316

1417
<span
1518
v-if="siteBrandTitle"

0 commit comments

Comments
 (0)