diff options
| author |  Levi <levi.ceccato@gmail.com>
| 2021-10-15 06:08:07 +1100 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-10-14 15:08:07 -0400 |
| commit | 31d068801622e8a01fbedf7a59b0be8efe47bc3a (patch) | |
| tree | b9184adcc1225ce4b600bbb7f55b266b753b0871 | |
| 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>
| -rw-r--r-- | .changeset/slow-zoos-hide.md | 5 | ||||
| -rw-r--r-- | packages/renderers/renderer-vue/client.js | 4 | ||||
| -rw-r--r-- | scripts/stats/stats.csv | 4 |
3 files changed, 10 insertions, 3 deletions
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" |