diff options
| -rw-r--r-- | docs/src/pages/core-concepts/component-hydration.md | 3 | ||||
| -rw-r--r-- | examples/fast-build/astro.config.mjs | 8 |
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()], + }, }); |