Fix root components names

surveyjs · Aug 7, 2023 · 845db80 · 845db80
1 parent de1f54b
commit 845db80
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 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/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", SurveyVue);
   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);