diff options
Diffstat (limited to 'packages/renderers/renderer-vue')
-rw-r--r-- | packages/renderers/renderer-vue/client.js | 18 | ||||
-rw-r--r-- | packages/renderers/renderer-vue/index.js | 30 | ||||
-rw-r--r-- | packages/renderers/renderer-vue/server.js | 20 | ||||
-rw-r--r-- | packages/renderers/renderer-vue/static-html.js | 14 |
4 files changed, 41 insertions, 41 deletions
diff --git a/packages/renderers/renderer-vue/client.js b/packages/renderers/renderer-vue/client.js index edda137cd..0ba4e8106 100644 --- a/packages/renderers/renderer-vue/client.js +++ b/packages/renderers/renderer-vue/client.js @@ -2,13 +2,13 @@ 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); + 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); }; diff --git a/packages/renderers/renderer-vue/index.js b/packages/renderers/renderer-vue/index.js index a3faf2bf9..51c880c4a 100644 --- a/packages/renderers/renderer-vue/index.js +++ b/packages/renderers/renderer-vue/index.js @@ -1,19 +1,19 @@ import vue from '@vitejs/plugin-vue'; export default { - name: '@astrojs/renderer-vue', - client: './client.js', - server: './server.js', - viteConfig() { - return { - optimizeDeps: { - include: ['@astrojs/renderer-vue/client.js', 'vue'], - exclude: ['@astrojs/renderer-vue/server.js'], - }, - plugins: [vue()], - ssr: { - external: ['@vue/server-renderer'], - }, - }; - }, + name: '@astrojs/renderer-vue', + client: './client.js', + server: './server.js', + viteConfig() { + return { + optimizeDeps: { + include: ['@astrojs/renderer-vue/client.js', 'vue'], + exclude: ['@astrojs/renderer-vue/server.js'], + }, + plugins: [vue()], + ssr: { + external: ['@vue/server-renderer'], + }, + }; + }, }; diff --git a/packages/renderers/renderer-vue/server.js b/packages/renderers/renderer-vue/server.js index 83e389b5d..1ae2b757b 100644 --- a/packages/renderers/renderer-vue/server.js +++ b/packages/renderers/renderer-vue/server.js @@ -3,20 +3,20 @@ import { renderToString } from 'vue/server-renderer'; import StaticHtml from './static-html.js'; function check(Component) { - return !!Component['ssrRender']; + return !!Component['ssrRender']; } async function renderToStaticMarkup(Component, props, children) { - const slots = {}; - if (children != null) { - slots.default = () => h(StaticHtml, { value: children }); - } - const app = createSSRApp({ render: () => h(Component, props, slots) }); - const html = await renderToString(app); - return { html }; + const slots = {}; + if (children != null) { + slots.default = () => h(StaticHtml, { value: children }); + } + const app = createSSRApp({ render: () => h(Component, props, slots) }); + const html = await renderToString(app); + return { html }; } export default { - check, - renderToStaticMarkup, + check, + renderToStaticMarkup, }; diff --git a/packages/renderers/renderer-vue/static-html.js b/packages/renderers/renderer-vue/static-html.js index e623f1049..ff1459b6f 100644 --- a/packages/renderers/renderer-vue/static-html.js +++ b/packages/renderers/renderer-vue/static-html.js @@ -7,13 +7,13 @@ import { h, defineComponent } from 'vue'; * This is the Vue + JSX equivalent of using `<div v-html="value" />` */ const StaticHtml = defineComponent({ - props: { - value: String, - }, - setup({ value }) { - if (!value) return () => null; - return () => h('astro-fragment', { innerHTML: value }); - }, + props: { + value: String, + }, + setup({ value }) { + if (!value) return () => null; + return () => h('astro-fragment', { innerHTML: value }); + }, }); /** |