diff options
| author |  Tony Sullivan <tony.f.sullivan@outlook.com>
| 2021-07-08 20:07:56 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-07-08 14:07:56 -0400 |
| commit | 0a7b6deaec9fa32c2cb7139ac9aeaa242c0a7f4c (patch) | |
| tree | d8ff047bea3e4496b06990a44d24c05e81e595a3 /examples/framework-react/src | |
| parent | ea5afcd6334c25c7a38f8f381d400bef1bb6dbc9 (diff) | |
| download | astro-0a7b6deaec9fa32c2cb7139ac9aeaa242c0a7f4c.tar.gz astro-0a7b6deaec9fa32c2cb7139ac9aeaa242c0a7f4c.tar.zst astro-0a7b6deaec9fa32c2cb7139ac9aeaa242c0a7f4c.zip | |
Move hydration directives to special attributes (#618)
* feat: :recycle: updating hydration to work with the directive syntax
* test: :white_check_mark: Updating tests for the hydration directive syntax
* refactor: Updating example projects for the hydration directive syntax
* test: :white_check_mark: Found a test fixture still needing an update to the hydration directive syntax
* style: Prettier strikes again! Reverting code formatting changes
* refactor: :recycle: moving directive matching to a Set
* refactor: Updating syntax to `client:load`
* refactor: :recycle: Simplifying the `client:` directive match
Per PR feedback from @matthewp
* chore: errant console.warn() snuck into the last commit
* feat: :loud_sound: Adding a super fancy build warning to update to the directive syntax
* refactor: :recycle: Removing unnecessary checks when matching supported hydration directives
`val` isn't being used for now, but leaving it in the attr destructuring as a reminder since it'll be needed for `client:media`
* test: :white_check_mark: Including the original hydration syntax in a test to make sure it builds
* style: :memo: Adding a comment to make it clear why the old hydration syntax is included in a the test markup
* fix: :bug: updating `head` logic to recognize hydration directive syntax
* docs: Adding changeset
* refactor: :fire: Removing unnecessary `!hasComponents` check
* docs: :memo: Adding more detail to the changset
Co-authored-by: Tony Sullivan <tony.f.sullivan@gmail.com>
Diffstat (limited to 'examples/framework-react/src')
| -rw-r--r-- | examples/framework-react/src/pages/index.astro | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/examples/framework-react/src/pages/index.astro b/examples/framework-react/src/pages/index.astro index 69b9c6d44..a62427dd9 100644 --- a/examples/framework-react/src/pages/index.astro +++ b/examples/framework-react/src/pages/index.astro @@ -33,9 +33,9 @@ import Counter from '../components/Counter.jsx' </head> <body> <main> - <Counter:visible> + <Counter client:visible> <h1>Hello React!</h1> - </Counter:visible> + </Counter> </main> </body> </html> |