[Vue] Styleguide-Layout-Reuse breaks EE (#937)

* [Vue] Styleguide-Layout-Reuse breaks EE * Use `data` attribute * Update CHANGELOG * Use `elem` instead of `data`
Sitecore · Mar 3, 2022 · 2d9d346 · 2d9d346
1 parent 702c7ec
commit 2d9d346
Show file tree

Hide file tree

Showing 3 changed files with 95 additions and 52 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -93,6 +93,7 @@ This project does NOT adhere to [Semantic Versioning](https://semver.org/spec/v2
 * Console error when /graphql requested in EE, localhost or horizon ([#803](https://github.com/Sitecore/jss/pull/803))
 
 `[vue]`
+* Styleguide-Layout-Reuse breaks EE ([#938](https://github.com/Sitecore/jss/pull/938))
 * The page is redirected to the home page of the website after clicking the "Change associated content" button in the Experience Editor ([#907](https://github.com/Sitecore/jss/pull/907))
 * Cannot add a new rendering to the newly created ([#903](https://github.com/Sitecore/jss/pull/903))
 * `[Horizon]` Cannot add a new rendering or highlight existing ([#895](https://github.com/Sitecore/jss/pull/895))

diff --git a/packages/sitecore-jss-vue/src/components/PlaceholderCommon.ts b/packages/sitecore-jss-vue/src/components/PlaceholderCommon.ts
@@ -179,7 +179,7 @@ export function convertVNodesToDynamicComponents(vnodes: VNode[]) {
       },
     } as JssDynamicComponent;
 
-    if (vnode.type === 'code' && vnode.props.type === 'text/sitecore') {
+    if (vnode.props.elem?.name === 'code' && vnode.props.elem?.type === 'text/sitecore') {
       component.isxEditorComponent = true;
     }
     return component;
@@ -234,7 +234,7 @@ function createRawElement(elem: any) {
     },
   };
 
-  return h(component);
+  return h(component, { elem });
 }
 
 /**