astro/examples/framework-vue
Tony Sullivan 0a7b6deaec
Move hydration directives to special attributes (#618)
* feat: ♻️ updating hydration to work with the directive syntax

* test:  Updating tests for the hydration directive syntax

* refactor: Updating example projects for the hydration directive syntax

* test:  Found a test fixture still needing an update to the hydration directive syntax

* style: Prettier strikes again!  Reverting code formatting changes

* refactor: ♻️ moving directive matching to a Set

* refactor: Updating syntax to `client:load`

* refactor: ♻️ Simplifying the `client:` directive match

Per PR feedback from @matthewp

* chore: errant console.warn() snuck into the last commit

* feat: 🔊 Adding a super fancy build warning to update to the directive syntax

* refactor: ♻️ 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:  Including the original hydration syntax in a test to make sure it builds

* style: 📝 Adding a comment to make it clear why the old hydration syntax is included in a the test markup

* fix: 🐛 updating `head` logic to recognize hydration directive syntax

* docs: Adding changeset

* refactor: 🔥 Removing unnecessary `!hasComponents` check

* docs: 📝 Adding more detail to the changset

Co-authored-by: Tony Sullivan <tony.f.sullivan@gmail.com>
2021-07-08 14:07:56 -04:00
..
src Move hydration directives to special attributes (#618) 2021-07-08 14:07:56 -04:00
.gitignore Restructure examples (#568) 2021-06-28 10:46:10 -05:00
.npmrc Restructure examples (#568) 2021-06-28 10:46:10 -05:00
astro.config.mjs Add framework-specific prompt and setup to create-astro (#620) 2021-07-07 14:52:44 -05:00
package.json Version Packages (#626) 2021-07-07 20:34:17 -04:00
README.md update example readmes (#591) 2021-07-01 08:43:25 -04:00

Using Vue with Astro

npm init astro --template framework-vue

This example showcases Astro's built-in support for Vue (v3.x).

No configuration is needed to enable Vue support—just start writing Vue components in src/components.