diff options
author | 2021-10-15 06:08:07 +1100 | |
---|---|---|
committer | 2021-10-14 15:08:07 -0400 | |
commit | 31d068801622e8a01fbedf7a59b0be8efe47bc3a (patch) | |
tree | b9184adcc1225ce4b600bbb7f55b266b753b0871 /packages/renderers/renderer-vue/client.js | |
parent | 32dbf68247720c7a9c81a55d29cf763d1e14a801 (diff) | |
download | astro-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.js | 4 |
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); }; |