mirror of
https://github.com/nuxt/nuxt.git
synced 2025-03-09 03:03:18 +00:00
docs(rendering): hide light image in dark mode (#9620)
This commit is contained in:
parent
2396fc657f
commit
ac61b2b69a
@ -10,8 +10,8 @@ Both the browser and server can interpret JavaScript code to render Vue.js compo
|
||||
|
||||
Out of the box, a traditional Vue.js application is rendered in the browser (or **client**). Then, Vue.js generates HTML elements after the browser downloads and parses all the JavaScript code containing the instructions to create the current interface.
|
||||
|
||||
{.light-img}
|
||||
{.dark-img}
|
||||
{.light-img.dark:hidden}
|
||||
{.dark-img.hidden.dark:block}
|
||||
|
||||
While this technique allows building complex and dynamic UIs with smooth page transitions, it has different pros and cons:
|
||||
|
||||
@ -40,8 +40,8 @@ Making a static page interactive in the browser is called "Hydration."
|
||||
|
||||
Universal rendering allows a Nuxt application to provide quick page load times while preserving the benefits of client-side rendering. Furthermore, as the content is already present in the HTML document, crawlers can index it without overhead.
|
||||
|
||||
{.light-img}
|
||||
{.dark-img}
|
||||
{.light-img.dark:hidden}
|
||||
{.dark-img.hidden.dark:block}
|
||||
|
||||
### Pros
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user