Use local registration in Vue 3 demos (#22)

* Use local registration in Vue 3 demos * Commit package-lock.json's * Commit package-lock.json * Increase budgets
surveyjs · Sep 19, 2024 · 422d915 · 422d915
1 parent df1cc27
commit 422d915
Show file tree

Hide file tree

Showing 19 changed files with 123 additions and 82 deletions.
diff --git a/get-started-analytics/angular/angular.json b/get-started-analytics/angular/angular.json
@@ -41,8 +41,8 @@
               "budgets": [
                 {
                   "type": "initial",
-                  "maximumWarning": "5.5mb",
-                  "maximumError": "5.5mb"
+                  "maximumWarning": "6.5mb",
+                  "maximumError": "6.5mb"
                 },
                 {
                   "type": "anyComponentStyle",

diff --git a/get-started-analytics/angular/package-lock.json b/get-started-analytics/angular/package-lock.json
diff --git a/get-started-creator/vue3/package-lock.json b/get-started-creator/vue3/package-lock.json
diff --git a/get-started-creator/vue3/src/components/SurveyCreator.vue b/get-started-creator/vue3/src/components/SurveyCreator.vue
@@ -4,6 +4,7 @@ import "survey-creator-core/survey-creator-core.min.css";
 
 import type { ICreatorOptions } from "survey-creator-core";
 import { SurveyCreatorModel } from "survey-creator-core";
+import { SurveyCreatorComponent } from 'survey-creator-vue';
 
 const creatorOptions: ICreatorOptions = {
   showLogicTab: true,

diff --git a/get-started-creator/vue3/src/main.ts b/get-started-creator/vue3/src/main.ts
@@ -2,10 +2,5 @@ import './assets/main.css'
 
 import { createApp } from "vue";
 import App from "./App.vue";
-import { surveyPlugin } from "survey-vue3-ui";
-import { surveyCreatorPlugin } from "survey-creator-vue";
 
-createApp(App)
-  .use(surveyPlugin)
-  .use(surveyCreatorPlugin)
-  .mount("#app");
+createApp(App).mount("#app");
diff --git a/get-started-library/vue3/package-lock.json b/get-started-library/vue3/package-lock.json
diff --git a/get-started-library/vue3/src/components/MyFirstSurvey.vue b/get-started-library/vue3/src/components/MyFirstSurvey.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import 'survey-core/defaultV2.min.css';
 import { Model } from 'survey-core';
+import { SurveyComponent } from "survey-vue3-ui";
 
 // const SURVEY_ID = 1;
 

diff --git a/get-started-library/vue3/src/main.ts b/get-started-library/vue3/src/main.ts
@@ -1,5 +1,4 @@
 import { createApp } from 'vue'
-import { surveyPlugin } from 'survey-vue3-ui'
 import App from './App.vue'
 
-createApp(App).use(surveyPlugin).mount('#app')
+createApp(App).mount('#app')
diff --git a/icons/index.js b/icons/index.js
@@ -11,7 +11,7 @@ Object.keys(Survey.SvgRegistry.icons).map(name => {
   const element = document.createElement("div");
   element.classList.add("container")
   element.innerHTML = `
-    <svg class="sd-detail-panel__icon">
+    <svg>
       <use xlink:href="#icon-` + name + `\"></use>
     </svg>
     <span class="icon-name">icon-` + name + `</span>`;

diff --git a/integrate-third-party-vue-components/package-lock.json b/integrate-third-party-vue-components/package-lock.json
diff --git a/integrate-third-party-vue-components/src/components/ColorPicker.vue b/integrate-third-party-vue-components/src/components/ColorPicker.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import { Sketch, Compact, Slider } from "@lk77/vue3-color";
 import { ElementFactory, Question, Serializer, SvgRegistry } from "survey-core";
 import { PropertyGridEditorCollection, localization } from "survey-creator-core";
 
@@ -99,19 +100,19 @@ function updateValue(val: any) {
 </script>
 
 <template>
-  <slider-picker
+  <Slider
     v-if="props.question.isSlider"
     :modelValue="props.question.value"
     @update:modelValue="updateValue"
-  ></slider-picker>
-  <sketch-picker
+  />
+  <Sketch
     v-if="props.question.isSketch"
     :modelValue="props.question.value"
     @update:modelValue="updateValue"
-  ></sketch-picker>
-  <compact-picker
+  />
+  <Compact
     v-if="props.question.isColorCompact"
     :modelValue="props.question.value"
     @update:modelValue="updateValue"
-  ></compact-picker>
+  />
 </template>
diff --git a/integrate-third-party-vue-components/src/components/SurveyCreator.vue b/integrate-third-party-vue-components/src/components/SurveyCreator.vue
@@ -6,6 +6,7 @@ import { Serializer } from "survey-core";
 import { SurveyCreatorModel } from "survey-creator-core";
 import type { SurveyModel } from "survey-core";
 import type { CreatorBase } from "survey-creator-core";
+import { SurveyCreatorComponent } from "survey-creator-vue";
 
 Serializer.addProperty("survey", {
   name: "backgroundColor",

diff --git a/integrate-third-party-vue-components/src/main.ts b/integrate-third-party-vue-components/src/main.ts
@@ -2,16 +2,8 @@ import './assets/main.css'
 
 import { createApp } from "vue";
 import App from "./App.vue";
-import { surveyPlugin } from "survey-vue3-ui";
-import { surveyCreatorPlugin } from "survey-creator-vue";
 import ColorPickerComponent from "./components/ColorPicker.vue";
-import { Sketch, Compact, Slider } from "@lk77/vue3-color";
 
 createApp(App)
-  .use(surveyPlugin)
-  .use(surveyCreatorPlugin)
   .component("survey-color-picker", ColorPickerComponent)
-  .component("slider-picker", Slider)
-  .component("sketch-picker", Sketch)
-  .component("compact-picker", Compact)
   .mount("#app");
diff --git a/multi-page-survey/vue3/package-lock.json b/multi-page-survey/vue3/package-lock.json
diff --git a/multi-page-survey/vue3/src/components/MultiPageSurvey.vue b/multi-page-survey/vue3/src/components/MultiPageSurvey.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import 'survey-core/defaultV2.min.css';
 import { Model } from 'survey-core';
+import { SurveyComponent } from "survey-vue3-ui";
 import { ref } from 'vue'; 
 
 const surveyJson = {

diff --git a/multi-page-survey/vue3/src/main.ts b/multi-page-survey/vue3/src/main.ts
@@ -1,5 +1,4 @@
 import { createApp } from 'vue'
-import { surveyPlugin } from 'survey-vue3-ui'
 import App from './App.vue'
 
-createApp(App).use(surveyPlugin).mount('#app')
+createApp(App).mount('#app')