diff options
| author |  natemoo-re <natemoo-re@users.noreply.github.com>
| 2022-05-31 16:47:13 +0000 |
|---|---|---|
| committer |  github-actions[bot] <github-actions[bot]@users.noreply.github.com>
| 2022-05-31 16:47:13 +0000 |
| commit | e02c72f4452de76c584e06baf4696191889114bd (patch) | |
| tree | a131766727dd451e71e2723cb9a2f31df137102c /packages/integrations/vue | |
| parent | c9d8b10a854739e4911cd058ccabbb60035a670e (diff) | |
| download | astro-e02c72f4452de76c584e06baf4696191889114bd.tar.gz astro-e02c72f4452de76c584e06baf4696191889114bd.tar.zst astro-e02c72f4452de76c584e06baf4696191889114bd.zip | |
[ci] format
Diffstat (limited to 'packages/integrations/vue')
| -rw-r--r-- | packages/integrations/vue/client.js | 35 |
1 files changed, 18 insertions, 17 deletions
diff --git a/packages/integrations/vue/client.js b/packages/integrations/vue/client.js index 4832a9847..c6206fe51 100644 --- a/packages/integrations/vue/client.js +++ b/packages/integrations/vue/client.js @@ -1,21 +1,22 @@ import { h, createSSRApp, createApp } from 'vue'; import StaticHtml from './static-html.js'; -export default (element) => (Component, props, children, { client }) => { - delete props['class']; - if (!element.hasAttribute('ssr')) return; +export default (element) => + (Component, props, children, { client }) => { + delete props['class']; + if (!element.hasAttribute('ssr')) return; - // 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 }); - } - if (client === 'only') { - const app = createApp({ name, render: () => h(Component, props, slots) }); - app.mount(element, false); - } else { - const app = createSSRApp({ name, render: () => h(Component, props, slots) }); - app.mount(element, true); - } -}; + // 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 }); + } + if (client === 'only') { + const app = createApp({ name, render: () => h(Component, props, slots) }); + app.mount(element, false); + } else { + const app = createSSRApp({ name, render: () => h(Component, props, slots) }); + app.mount(element, true); + } + }; |