summaryrefslogtreecommitdiff
path: root/packages/renderers/renderer-vue/client.js
diff options
context:
space:
mode:
authorGravatar Levi <levi.ceccato@gmail.com> 2021-10-15 06:08:07 +1100
committerGravatar GitHub <noreply@github.com> 2021-10-14 15:08:07 -0400
commit31d068801622e8a01fbedf7a59b0be8efe47bc3a (patch)
treeb9184adcc1225ce4b600bbb7f55b266b753b0871 /packages/renderers/renderer-vue/client.js
parent32dbf68247720c7a9c81a55d29cf763d1e14a801 (diff)
downloadastro-31d068801622e8a01fbedf7a59b0be8efe47bc3a.tar.gz
astro-31d068801622e8a01fbedf7a59b0be8efe47bc3a.tar.zst
astro-31d068801622e8a01fbedf7a59b0be8efe47bc3a.zip
Expose Vue component names for devtools (#1512)
* Expose name on host component for Vue devtools * Add changeset * Update changeset to patch from minor * [ci] collect stats * [ci] collect stats Co-authored-by: leviceccato <leviceccato@users.noreply.github.com> Co-authored-by: Matthew Phillips <matthew@matthewphillips.info>
Diffstat (limited to 'packages/renderers/renderer-vue/client.js')
-rw-r--r--packages/renderers/renderer-vue/client.js4
1 files changed, 3 insertions, 1 deletions
diff --git a/packages/renderers/renderer-vue/client.js b/packages/renderers/renderer-vue/client.js
index 296fb8555..83ea80524 100644
--- a/packages/renderers/renderer-vue/client.js
+++ b/packages/renderers/renderer-vue/client.js
@@ -2,6 +2,8 @@ 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 }) }) });
+ // Expose name on host component for Vue devtools
+ const name = Component.name ? `${Component.name} Host` : undefined;
+ const app = createSSRApp({ name, render: () => h(Component, props, { default: () => h(StaticHtml, { value: children }) }) });
app.mount(element, true);
};