summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorGravatar Jonathan Neal <jonathantneal@hotmail.com> 2021-12-21 22:01:28 -0500
committerGravatar GitHub <noreply@github.com> 2021-12-21 22:01:28 -0500
commit29976c6de0d52f8cde49598c6b26a1f9e3ec846e (patch)
treec762e76fab75f96e5aa325d223d8085876d2b7a1
parente07c1cbd7ea46c57d637f981aaed43a733a846b1 (diff)
downloadastro-29976c6de0d52f8cde49598c6b26a1f9e3ec846e.tar.gz
astro-29976c6de0d52f8cde49598c6b26a1f9e3ec846e.tar.zst
astro-29976c6de0d52f8cde49598c6b26a1f9e3ec846e.zip
format (#2246)
-rw-r--r--docs/src/pages/core-concepts/component-hydration.md3
-rw-r--r--examples/fast-build/astro.config.mjs8
2 files changed, 5 insertions, 6 deletions
diff --git a/docs/src/pages/core-concepts/component-hydration.md b/docs/src/pages/core-concepts/component-hydration.md
index 8abb790e8..012df6293 100644
--- a/docs/src/pages/core-concepts/component-hydration.md
+++ b/docs/src/pages/core-concepts/component-hydration.md
@@ -62,10 +62,11 @@ Astro renders every component on the server **at build time**, unless [client:on
import MyReactComponent from '../components/MyReactComponent.jsx';
---
<!-- "client:visible" means the component won't load any client-side
- JavaScript for the component until it becomes visible in the
+ JavaScript for the component until it becomes visible in the
user's browser. -->
<MyReactComponent client:visible />
```
+
Note that the renderer JS (e.g. React) and the component's CSS are downloaded with the page. The `client:*` directives only dictate when the component JS is imported and when the component is hydrated.
### `<MyComponent client:load />`
diff --git a/examples/fast-build/astro.config.mjs b/examples/fast-build/astro.config.mjs
index 32eca8696..38a4a1140 100644
--- a/examples/fast-build/astro.config.mjs
+++ b/examples/fast-build/astro.config.mjs
@@ -2,10 +2,8 @@ import { imagetools } from 'vite-imagetools';
// @ts-check
export default /** @type {import('astro').AstroUserConfig} */ ({
- renderers: [
- "@astrojs/renderer-vue"
- ],
+ renderers: ['@astrojs/renderer-vue'],
vite: {
- plugins: [imagetools()]
- }
+ plugins: [imagetools()],
+ },
});