summaryrefslogtreecommitdiff
path: root/examples/framework-vue/src/pages/index.astro
diff options
context:
space:
mode:
authorGravatar Tony Sullivan <tony.f.sullivan@outlook.com> 2021-07-08 20:07:56 +0200
committerGravatar GitHub <noreply@github.com> 2021-07-08 14:07:56 -0400
commit0a7b6deaec9fa32c2cb7139ac9aeaa242c0a7f4c (patch)
treed8ff047bea3e4496b06990a44d24c05e81e595a3 /examples/framework-vue/src/pages/index.astro
parentea5afcd6334c25c7a38f8f381d400bef1bb6dbc9 (diff)
downloadastro-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-vue/src/pages/index.astro')
-rw-r--r--examples/framework-vue/src/pages/index.astro4
1 files changed, 2 insertions, 2 deletions
diff --git a/examples/framework-vue/src/pages/index.astro b/examples/framework-vue/src/pages/index.astro
index 1ce7919bd..2dcc11da6 100644
--- a/examples/framework-vue/src/pages/index.astro
+++ b/examples/framework-vue/src/pages/index.astro
@@ -33,9 +33,9 @@ import Counter from '../components/Counter.vue'
</head>
<body>
<main>
- <Counter:visible>
+ <Counter client:visible>
<h1>Hello Vue!</h1>
- </Counter:visible>
+ </Counter>
</main>
</body>
</html>