diff options
Diffstat (limited to 'packages/renderers/vue')
-rw-r--r-- | packages/renderers/vue/client.js | 4 | ||||
-rw-r--r-- | packages/renderers/vue/index.js | 2 | ||||
-rw-r--r-- | packages/renderers/vue/server.js | 6 | ||||
-rw-r--r-- | packages/renderers/vue/static-html.js | 22 |
4 files changed, 17 insertions, 17 deletions
diff --git a/packages/renderers/vue/client.js b/packages/renderers/vue/client.js index 474307cda..296fb8555 100644 --- a/packages/renderers/vue/client.js +++ b/packages/renderers/vue/client.js @@ -2,6 +2,6 @@ import { h, createSSRApp } from 'vue'; import StaticHtml from './static-html.js'; export default (element) => (Component, props, children) => { - const app = createSSRApp({ render: () => h(Component, props, { default: () => h(StaticHtml, { value: children }) })}); - app.mount(element, true); + const app = createSSRApp({ render: () => h(Component, props, { default: () => h(StaticHtml, { value: children }) }) }); + app.mount(element, true); }; diff --git a/packages/renderers/vue/index.js b/packages/renderers/vue/index.js index 912eac217..09fb8793e 100644 --- a/packages/renderers/vue/index.js +++ b/packages/renderers/vue/index.js @@ -2,5 +2,5 @@ export default { name: '@astro-renderer/vue', snowpackPlugin: '@snowpack/plugin-vue', client: './client', - server: './server' + server: './server', }; diff --git a/packages/renderers/vue/server.js b/packages/renderers/vue/server.js index d1ecbc87f..3d3159634 100644 --- a/packages/renderers/vue/server.js +++ b/packages/renderers/vue/server.js @@ -7,12 +7,12 @@ function check(Component) { } async function renderToStaticMarkup(Component, props, children) { - const app = createSSRApp({ render: () => h(Component, props, { default: () => h(StaticHtml, { value: children }) })}); + const app = createSSRApp({ render: () => h(Component, props, { default: () => h(StaticHtml, { value: children }) }) }); const html = await renderToString(app); return { html }; } export default { check, - renderToStaticMarkup -} + renderToStaticMarkup, +}; diff --git a/packages/renderers/vue/static-html.js b/packages/renderers/vue/static-html.js index bd8c41c83..e623f1049 100644 --- a/packages/renderers/vue/static-html.js +++ b/packages/renderers/vue/static-html.js @@ -8,20 +8,20 @@ import { h, defineComponent } from 'vue'; */ const StaticHtml = defineComponent({ props: { - value: String + value: String, }, setup({ value }) { if (!value) return () => null; - return () => h('astro-fragment', { innerHTML: value }) - } -}) + return () => h('astro-fragment', { innerHTML: value }); + }, +}); -/** - * Other frameworks have `shouldComponentUpdate` in order to signal - * that this subtree is entirely static and will not be updated - * - * Fortunately, Vue is smart enough to figure that out without any - * help from us, so this just works out of the box! - */ +/** + * Other frameworks have `shouldComponentUpdate` in order to signal + * that this subtree is entirely static and will not be updated + * + * Fortunately, Vue is smart enough to figure that out without any + * help from us, so this just works out of the box! + */ export default StaticHtml; |