diff options
Diffstat (limited to 'packages/integrations/vue/client.js')
-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); + } + }; |