Commit 7a2c528

committed

feat: add ClientOnly

1 parent 9336e99 commit 7a2c528Copy full SHA for 7a2c528

File tree

+23

-19

lines changed

+23

-19

lines changed

Lines changed: 17 additions & 17 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,22 +1,22 @@`
`1`		`-<div`
`2`		`- :style="{`
`3`		`- width: '100%',`
`4`		`- borderRadius: '8px',`
`5`		`- padding: '20px',`
`6`		`- backgroundColor: '#FFF',`
`7`		`- border: '1px solid lightgray',`
`8`		`- }"`
`9`		`->`
`10`		`- <ClientOnly>`
	`1`	`+<ClientOnly>`
	`2`	`+ <div`
	`3`	`+ :style="{`
	`4`	`+ width: '100%',`
	`5`	`+ borderRadius: '8px',`
	`6`	`+ padding: '20px',`
	`7`	`+ backgroundColor: '#FFF',`
	`8`	`+ border: '1px solid lightgray',`
	`9`	`+}"`
	`10`	`+ >`
`11`	`11`	`<component :is="component" />`
`12`		`- </ClientOnly>`
`13`		`-</div>`
	`12`	`+ </div>`
	`13`	`+</ClientOnly>`
`14`	`14`
`15`		`-<div:style="{ margin: '16px 0' }">`
`16`		`- <ClientOnly>`
`17`		`- <PlaygroundLink :component="component" />`
`18`		`- </ClientOnly>`
`19`		`-</div>`
	`15`	`+<ClientOnly>`
	`16`	`+ <div:style="{ margin: '16px 0' }">`
	`17`	`+ <PlaygroundLink :component="component" />`
	`18`	`+ </div>`
	`19`	`+</ClientOnly>`
`20`	`20`
`21`	`21`	`::: details {{i18n.showCode}}`
`22`	`22`	`<div v-html="sourceCode.markdown"></div>`

Lines changed: 3 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,9 @@`
`2`	`2`
`3`	`3`	`## 在线尝试 {#try-it-online}`
`4`	`4`
`5`		`-<div>前往 <PlaygroundLink component="DataDisplay" text="Playground" /> 在线尝试</div>`
	`5`	`+<ClientOnly>`
	`6`	`+ <div>前往 <PlaygroundLink component="DataDisplay" text="Playground" /> 在线尝试</div>`
	`7`	`+</ClientOnly>`
`6`	`8`
`7`	`9`	`## 安装 {#install}`
`8`	`10`

Lines changed: 3 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,9 @@ navbar: false`
`4`	`4`	`sidebar: false`
`5`	`5`	`---`
`6`	`6`
`7`		`-<Playground/>`
	`7`	`+<ClientOnly>`
	`8`	`+ <Playground/>`
	`9`	`+</ClientOnly>`
`8`	`10`
`9`	`11`	`<script setup lang="ts">`
`10`	`12`	`import { defineClientComponent } from 'vitepress'`

Comments

(0)