fix(vue): components have name in dev tools

ionic-team · Apr 11, 2023 · 0fe46ff · 0fe46ff
1 parent 60a2a62
commit 0fe46ff
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git a/core/package-lock.json b/core/package-lock.json
diff --git a/core/package.json b/core/package.json
@@ -46,7 +46,7 @@
     "@stencil/angular-output-target": "^0.6.0",
     "@stencil/react-output-target": "^0.5.0",
     "@stencil/sass": "^3.0.0",
-    "@stencil/vue-output-target": "^0.8.1",
+    "@stencil/vue-output-target": "^0.6.1-dev.11681238809.11549fe0",
     "@types/jest": "^27.5.2",
     "@types/node": "^14.6.0",
     "@typescript-eslint/eslint-plugin": "^5.17.0",

diff --git a/packages/vue/src/vue-component-lib/overlays.ts b/packages/vue/src/vue-component-lib/overlays.ts
@@ -173,7 +173,7 @@ export const defineOverlayContainer = <Props extends object>(name: string, defin
 
   const Container = (controller !== undefined) ? createControllerComponent() : createInlineComponent();
 
-  Container.displayName = name;
+  Container.name = name;
 
   Container.props = {
     'isOpen': DEFAULT_EMPTY_PROP

diff --git a/packages/vue/src/vue-component-lib/utils.ts b/packages/vue/src/vue-component-lib/utils.ts
@@ -184,7 +184,7 @@ export const defineContainer = <Props, VModelType = string | number | boolean>(
     };
   });
 
-  Container.displayName = name;
+  Container.name = name;
 
   Container.props = {
     [ROUTER_LINK_VALUE]: DEFAULT_EMPTY_PROP,