diff --git a/app/docs/md/conventions/components.md b/app/docs/md/conventions/components.md index 3b3c6818..f50ee2ff 100644 --- a/app/docs/md/conventions/components.md +++ b/app/docs/md/conventions/components.md @@ -13,7 +13,7 @@ Let's look at the lifecycle of a component we'll call `DeleteButton`. This compo 1. Client requests a page including a `` tag. 2. Enhance SSR finds the component in `app/components/delete-button.mjs`. 3. Enhance SSR runs the `render` method of the `DeleteButton` class on the server. -4. The entire page is returned to the client. +4. The entire page is returned to the client as HTML and CSS. 5. The client encounters a `script` tag and downloads it from the server. 6. This `script` tag includes the code for `DeleteButton` so it is evaluated and executed. When executed the `custom-elements.define('delete-button', DeleteButton)` method will be called registering your web component with the browser.