From 31d068801622e8a01fbedf7a59b0be8efe47bc3a Mon Sep 17 00:00:00 2001 From: Levi Date: Fri, 15 Oct 2021 06:08:07 +1100 Subject: [PATCH] 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 Co-authored-by: Matthew Phillips --- .changeset/slow-zoos-hide.md | 5 +++++ packages/renderers/renderer-vue/client.js | 4 +++- scripts/stats/stats.csv | 4 ++-- 3 files changed, 10 insertions(+), 3 deletions(-) create mode 100644 .changeset/slow-zoos-hide.md diff --git a/.changeset/slow-zoos-hide.md b/.changeset/slow-zoos-hide.md new file mode 100644 index 000000000..eb4cc32a8 --- /dev/null +++ b/.changeset/slow-zoos-hide.md @@ -0,0 +1,5 @@ +--- +'@astrojs/renderer-vue': patch +--- + +Expose name on host component for Vue devtools 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); }; diff --git a/scripts/stats/stats.csv b/scripts/stats/stats.csv index 41e3210d5..698b80c6c 100644 --- a/scripts/stats/stats.csv +++ b/scripts/stats/stats.csv @@ -40,5 +40,5 @@ Date,Commits (24hr),Issues (24hr),Issues:BUG (24hr),Issues:RFC (24hr),Issues:DOC "Sunday, October 10, 2021",6,0,0,0,0,3,19,195,11,54,33,15,"2021-10-10T12:05:25.390Z" "Monday, October 11, 2021",3,1,1,0,0,2,18,195,12,54,33,15,"2021-10-11T12:06:07.437Z" "Tuesday, October 12, 2021",7,3,3,0,0,6,19,197,15,54,33,14,"2021-10-12T12:05:36.457Z" -"Wednesday, October 13, 2021",15,5,4,0,0,3,8,199,18,53,32,15,"2021-10-13T12:07:05.775Z" -"Thursday, October 14, 2021",7,2,2,0,0,6,8,201,20,53,32,15,"2021-10-14T12:05:35.253Z" +"Wednesday, October 13, 2021",16,5,4,0,0,3,8,199,18,53,32,15,"2021-10-13T12:15:38.734Z" +"Thursday, October 14, 2021",8,3,3,0,0,6,7,202,21,53,32,15,"2021-10-14T12:15:34.689Z"