diff options
author | 2022-03-18 15:35:45 -0700 | |
---|---|---|
committer | 2022-03-18 15:35:45 -0700 | |
commit | 6386c14d00d1d820804f0ee5b1424e73c049fe83 (patch) | |
tree | 3015e834e1d84100fd0871f6a55479bed61c0c14 /packages/integrations/vue/client.js | |
parent | 0f376a7c52d3a22ff32b33e0afc34dd306ed70c4 (diff) | |
download | astro-6386c14d00d1d820804f0ee5b1424e73c049fe83.tar.gz astro-6386c14d00d1d820804f0ee5b1424e73c049fe83.tar.zst astro-6386c14d00d1d820804f0ee5b1424e73c049fe83.zip |
Astro Integration System (#2820)
* update examples
* add initial integrations
* update tests
* update astro
* update ci
* get final tests working
* update injectelement todo
* update ben code review
* respond to final code review feedback
Diffstat (limited to 'packages/integrations/vue/client.js')
-rw-r--r-- | packages/integrations/vue/client.js | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/packages/integrations/vue/client.js b/packages/integrations/vue/client.js new file mode 100644 index 000000000..0ba4e8106 --- /dev/null +++ b/packages/integrations/vue/client.js @@ -0,0 +1,14 @@ +import { h, createSSRApp } from 'vue'; +import StaticHtml from './static-html.js'; + +export default (element) => (Component, props, children) => { + delete props['class']; + // Expose name on host component for Vue devtools + const name = Component.name ? `${Component.name} Host` : undefined; + const slots = {}; + if (children != null) { + slots.default = () => h(StaticHtml, { value: children }); + } + const app = createSSRApp({ name, render: () => h(Component, props, slots) }); + app.mount(element, true); +}; |