docs: add example of inlined css for <Style> component (#2910)

This commit is contained in:
Anish George 2022-01-26 14:58:51 +03:00 committed by GitHub
parent 0affa39b62
commit 150caefa34
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -42,6 +42,7 @@ For example:
<Title>{{ dynamic }} title</Title> <Title>{{ dynamic }} title</Title>
<Meta name="description" :content="`My page's ${dynamic} description`" /> <Meta name="description" :content="`My page's ${dynamic} description`" />
<Link rel="preload" href="/test.txt" as="script" /> <Link rel="preload" href="/test.txt" as="script" />
<Style type="text/css" :children="styleString" />
</Head> </Head>
</Html> </Html>
@ -53,7 +54,7 @@ For example:
<script> <script>
export default { export default {
data: () => ({ dynamic: 49 }) data: () => ({ dynamic: 49, styleString: 'body { background-color: green; }' })
} }
</script> </script>
``` ```