diff options
author | 2021-12-21 22:01:28 -0500 | |
---|---|---|
committer | 2021-12-21 22:01:28 -0500 | |
commit | 29976c6de0d52f8cde49598c6b26a1f9e3ec846e (patch) | |
tree | c762e76fab75f96e5aa325d223d8085876d2b7a1 | |
parent | e07c1cbd7ea46c57d637f981aaed43a733a846b1 (diff) | |
download | astro-29976c6de0d52f8cde49598c6b26a1f9e3ec846e.tar.gz astro-29976c6de0d52f8cde49598c6b26a1f9e3ec846e.tar.zst astro-29976c6de0d52f8cde49598c6b26a1f9e3ec846e.zip |
format (#2246)
-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()], + }, }); |