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-multiple/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-multiple/src')
| -rw-r--r-- | examples/framework-multiple/src/pages/index.astro | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/examples/framework-multiple/src/pages/index.astro b/examples/framework-multiple/src/pages/index.astro index a2f15764e..826a9d5f9 100644 --- a/examples/framework-multiple/src/pages/index.astro +++ b/examples/framework-multiple/src/pages/index.astro @@ -35,22 +35,22 @@ import SvelteCounter from '../components/SvelteCounter.svelte'; <body> <main> - <react.Counter:visible> + <react.Counter client:visible> <h1>Hello React!</h1> <p>What's up?</p> - </react.Counter:visible> + </react.Counter> - <PreactCounter:visible> + <PreactCounter client:visible> <h1>Hello Preact!</h1> - </PreactCounter:visible> + </PreactCounter> - <VueCounter:visible> + <VueCounter client:visible> <h1>Hello Vue!</h1> - </VueCounter:visible> + </VueCounter> - <SvelteCounter:visible> + <SvelteCounter client:visible> <h1>Hello Svelte!</h1> - </SvelteCounter:visible> + </SvelteCounter> <A /> |