summaryrefslogtreecommitdiff
path: root/packages/renderers/renderer-vue
diff options
context:
space:
mode:
Diffstat (limited to 'packages/renderers/renderer-vue')
-rw-r--r--packages/renderers/renderer-vue/client.js18
-rw-r--r--packages/renderers/renderer-vue/index.js30
-rw-r--r--packages/renderers/renderer-vue/server.js20
-rw-r--r--packages/renderers/renderer-vue/static-html.js14
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 });
+ },
});
/**