Merge pull request #6665 from surveyjs/feature/vue3-naming

Vue3: Fix root components names
surveyjs · Aug 7, 2023 · ca0e38a · ca0e38a
2 parents d7623dd + 876710c
commit ca0e38a
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 6 deletions.
diff --git a/packages/survey-vue3-ui/example/src/components/example/Example.vue b/packages/survey-vue3-ui/example/src/components/example/Example.vue
@@ -12,5 +12,5 @@
 </script>
 
 <template>
-  <SurveyRoot :survey="survey"></SurveyRoot>
+  <SurveyComponent :survey="survey"></SurveyComponent>
 </template>
diff --git a/packages/survey-vue3-ui/example/src/components/test/TestCommon.vue b/packages/survey-vue3-ui/example/src/components/test/TestCommon.vue
@@ -12,8 +12,8 @@ const isPopup = shallowRef();
 </script>
 <template>
 <div id="surveyElement">
-    <SurveyRoot v-if="survey && !isPopup" :survey="survey"></SurveyRoot>
-    <popup-survey v-if="survey && isPopup" :survey="survey"></popup-survey>
+    <SurveyComponent v-if="survey && !isPopup" :survey="survey"></SurveyComponent>
+    <PopupSurveyComponent v-if="survey && isPopup" :survey="survey"></PopupSurveyComponent>
 </div>
 <div id="surveyResultElement"></div>
 </template>
diff --git a/packages/survey-vue3-ui/src/PopupSurvey.vue b/packages/survey-vue3-ui/src/PopupSurvey.vue
@@ -90,7 +90,7 @@ const doHide = () => {
   surveyWindow.value.hide();
 };
 const getSurveyComponentName = () => {
-  return "SurveyRoot";
+  return "SurveyComponent";
 };
 const doScroll = () => {
   surveyWindow.value.onScroll();

diff --git a/packages/survey-vue3-ui/src/index.ts b/packages/survey-vue3-ui/src/index.ts
@@ -111,8 +111,11 @@ import type { App } from "vue";
 export { useBase, useLocString, useQuestion } from "./base";
 
 function registerComponents(app: App) {
-  app.component("SurveyRoot", SurveyVue);
+  app.component("SurveyComponent", SurveyVue);
+  app.component("PopupSurveyComponent", PopupSurvey);
   app.component("survey", SurveyVue);
+  app.component("popup-survey", PopupSurvey);
+
   app.component("survey-header", Header);
   app.component("survey-page", Page);
   app.component("survey-row", Row);
@@ -211,7 +214,6 @@ function registerComponents(app: App) {
   app.component("sv-notifier", Notifier);
   app.component("survey-other-choice", OtherChoice);
   app.component("sv-nav-btn", SurveyNavigationButton);
-  app.component("popup-survey", PopupSurvey);
   app.component("survey-customwidget", CustomWidget);
   app.component("survey-popup-modal", PopupModal);