@appbaseio/reactivesearch-vue 3.0.0-rc.16 → 3.0.0-rc.17

package/dist/es/{install-28637a98.js → install-45c35093.js}

@@ -21,8 +21,8 @@ import { F as Flex } from './Flex-25792bc3.js';
 import { recordAISessionUsefulness } from '@appbaseio/reactivecore/lib/actions/analytics';
 import ReactiveBase from './ReactiveBase.js';
 import hotkeys from 'hotkeys-js';
-import { Remarkable } from 'remarkable';
 import xss from 'xss';
+import { Remarkable } from 'remarkable';
 import { I as IconWrapper, C as CancelSvg, a as IconGroup, B as ButtonIconWrapper, D as Downshift, b as InputWrapper } from './DropDown-845623df.js';
 import { n as noSuggestions, T as TextArea, I as Input, s as suggestionsContainer, A as Actions$1, a as suggestions, b as searchboxSuggestions } from './Input-83dee8c5.js';
 import { C as Container } from './Container-d00219f7.js';
@@ -1084,7 +1084,9 @@ var md = new Remarkable();
 md.set({
   html: true,
   breaks: true,
-  xhtmlOut: true
+  xhtmlOut: true,
+  linkify: true,
+  linkTarget: '_blank'
 });
 var _dropdownULRef = 'dropdownULRef';
 var _inputGroupRef = 'inputGroupRef';
@@ -1112,7 +1114,9 @@ var SearchBox = defineComponent({
       showAIScreen: false,
       showAIScreenFooter: false,
       showFeedbackComponent: false,
-      feedbackState: null
+      feedbackState: null,
+      faqAnswer: '',
+      faqQuestion: ''
     };
     this.internalComponent = props.componentId + "__internal";
     return this.__state;
@@ -1154,6 +1158,12 @@ var SearchBox = defineComponent({
     stats: function stats() {
       return getResultStats(this);
     },
+    mergedAIQuestion: function mergedAIQuestion() {
+      return this.faqQuestion || this.AIResponse && this.AIResponse.response && this.AIResponse.response.question;
+    },
+    mergedAIAnswer: function mergedAIAnswer() {
+      return this.faqAnswer || this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.text;
+    },
     parsedSuggestions: function parsedSuggestions() {
       var suggestionsArray = [];
       if (Array.isArray(this.suggestions) && this.suggestions.length) {
@@ -1212,6 +1222,11 @@ var SearchBox = defineComponent({
     enableQuerySuggestions: VueTypes.bool.def(false),
     enablePopularSuggestions: VueTypes.bool.def(false),
     enableRecentSuggestions: VueTypes.bool.def(false),
+    enableFAQSuggestions: VueTypes.bool.def(false),
+    FAQSuggestionsConfig: VueTypes.shape({
+      sectionLabel: VueTypes.string,
+      size: VueTypes.number
+    }),
     fieldWeights: types.fieldWeights,
     filterLabel: types.string,
     fuzziness: types.fuzziness,
@@ -1335,7 +1350,11 @@ var SearchBox = defineComponent({
         if (this.$options.isTagsMode) {
           cause = causes.SUGGESTION_SELECT;
         }
-        this.setValue(newVal || '', true, this.$props, cause);
+        if (this.$props.value === undefined) {
+          this.setValue(newVal, newVal === '', this.$props, cause, false);
+        } else {
+          this.setValue(newVal || '', true, this.$props, cause);
+        }
       }
     },
     focusShortcuts: function focusShortcuts() {
@@ -1447,8 +1466,8 @@ var SearchBox = defineComponent({
         value: currentValue,
         resultStats: this.stats,
         AIData: {
-          question: this.AIResponse && this.AIResponse.response && this.AIResponse.response.question,
-          answer: this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.text,
+          question: this.mergedAIQuestion,
+          answer: this.mergedAIAnswer,
           documentIds: this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.documentIds || [],
           showAIScreen: this.showAIScreen,
           sources: this.getAISourceObjects(),
@@ -1479,7 +1498,7 @@ var SearchBox = defineComponent({
         this.onValueSelectedHandler(currentValue, causes.SEARCH_ICON_CLICK);
       }
     },
-    setValue: function setValue(value, isDefaultValue, props, cause, toggleIsOpen, categoryValue) {
+    setValue: function setValue(value, isDefaultValue, props, cause, toggleIsOpen, categoryValue, shouldExecuteQuery) {
       var _this2 = this;
       if (isDefaultValue === void 0) {
         isDefaultValue = false;
@@ -1493,6 +1512,9 @@ var SearchBox = defineComponent({
       if (categoryValue === void 0) {
         categoryValue = undefined;
       }
+      if (shouldExecuteQuery === void 0) {
+        shouldExecuteQuery = true;
+      }
       var performUpdate = function performUpdate() {
         if (_this2.$options.isTagsMode && isEqual(value, _this2.selectedTags)) {
           return;
@@ -1521,6 +1543,12 @@ var SearchBox = defineComponent({
         if (_this2.$options.isTagsMode && cause === causes.SUGGESTION_SELECT) {
           queryHandlerValue = Array.isArray(_this2.selectedTags) && _this2.selectedTags.length ? _this2.selectedTags : undefined;
         }
+        if ((_this2.faqAnswer || _this2.faqQuestion) && value === '') {
+          // Empty the previous state
+          _this2.faqAnswer = '';
+          _this2.faqQuestion = '';
+          _this2.showAIScreen = false;
+        }
         if (isDefaultValue) {
           if (_this2.$props.autosuggest) {
             if (toggleIsOpen) {
@@ -1528,17 +1556,18 @@ var SearchBox = defineComponent({
             }
             if (typeof _this2.currentValue === 'string') _this2.triggerDefaultQuery(_this2.currentValue, props.enableAI ? {
               enableAI: true
-            } : {});
+            } : {}, shouldExecuteQuery);
           } // in case of strict selection only SUGGESTION_SELECT should be able
           // to set the query otherwise the value should reset
           if (props.strictSelection) {
             if (cause === causes.SUGGESTION_SELECT || (_this2.$options.isTagsMode ? _this2.selectedTags.length === 0 : value === '')) {
-              _this2.triggerCustomQuery(queryHandlerValue, _this2.$options.isTagsMode ? undefined : categoryValue);
+              _this2.triggerCustomQuery(queryHandlerValue, _this2.$options.isTagsMode ? undefined : categoryValue, shouldExecuteQuery);
             } else {
               _this2.setValue('', true);
             }
           } else if (props.value === undefined || cause === causes.SUGGESTION_SELECT || cause === causes.CLEAR_VALUE) {
-            _this2.triggerCustomQuery(queryHandlerValue, _this2.$options.isTagsMode ? undefined : categoryValue);
+            _this2.showAIScreen = false;
+            _this2.triggerCustomQuery(queryHandlerValue, _this2.$options.isTagsMode ? undefined : categoryValue, shouldExecuteQuery);
           }
         } else {
           // debounce for handling text while typing
@@ -1549,10 +1578,13 @@ var SearchBox = defineComponent({
       };
       checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
     },
-    triggerDefaultQuery: function triggerDefaultQuery(paramValue, meta) {
+    triggerDefaultQuery: function triggerDefaultQuery(paramValue, meta, shouldExecuteQuery) {
       if (meta === void 0) {
         meta = {};
       }
+      if (shouldExecuteQuery === void 0) {
+        shouldExecuteQuery = true;
+      }
       if (!this.$props.autosuggest) {
         return;
       }
@@ -1573,12 +1605,15 @@ var SearchBox = defineComponent({
         value: value,
         componentType: componentTypes.searchBox,
         meta: meta
-      });
+      }, shouldExecuteQuery);
     },
-    triggerCustomQuery: function triggerCustomQuery(paramValue, categoryValue) {
+    triggerCustomQuery: function triggerCustomQuery(paramValue, categoryValue, shouldExecuteQuery) {
       if (categoryValue === void 0) {
         categoryValue = undefined;
       }
+      if (shouldExecuteQuery === void 0) {
+        shouldExecuteQuery = true;
+      }
       var _this$$props = this.$props,
         customQuery = _this$$props.customQuery,
         filterLabel = _this$$props.filterLabel,
@@ -1607,7 +1642,7 @@ var SearchBox = defineComponent({
         URLParams: URLParams,
         componentType: componentTypes.searchBox,
         category: categoryValue
-      });
+      }, shouldExecuteQuery);
     },
     handleFocus: function handleFocus(event) {
       if (this.$props.autosuggest) {
@@ -1618,7 +1653,9 @@ var SearchBox = defineComponent({
     handleVoiceResults: function handleVoiceResults(_ref) {
       var results = _ref.results;
       if (results && results[0] && results[0].isFinal && results[0][0] && results[0][0].transcript && results[0][0].transcript.trim()) {
+        var _this$$refs2;
         this.setValue(results[0][0].transcript.trim(), true);
+        (_this$$refs2 = this.$refs) == null || (_this$$refs2 = _this$$refs2[this.$props.innerRef]) == null || (_this$$refs2 = _this$$refs2.$el) == null ? void 0 : _this$$refs2.focus(); // eslint-disable-line
       }
     },
     triggerQuery: function triggerQuery(_ref2) {
@@ -1658,6 +1695,8 @@ var SearchBox = defineComponent({
     clearValue: function clearValue() {
       this.setValue('', false, this.$props, !this.$options.isTagsMode ? causes.CLEAR_VALUE : undefined, false);
       this.onValueSelectedHandler('', !this.$options.isTagsMode ? causes.CLEAR_VALUE : undefined);
+      this.showAIScreen = false;
+      this.isOpen = false;
     },
     handleKeyDown: function handleKeyDown(event, highlightedIndex) {
       if (highlightedIndex === void 0) {
@@ -1693,7 +1732,7 @@ var SearchBox = defineComponent({
       }
       var value = this.$props.value;
       if (value === undefined) {
-        this.setValue(inputValue, false, this.$props, undefined);
+        this.setValue(inputValue, inputValue === '', this.$props, undefined, false);
       } else {
         this.$emit('change', inputValue, function (_ref3) {
           var isOpen = _ref3.isOpen;
@@ -1708,7 +1747,7 @@ var SearchBox = defineComponent({
     },
     handleFeaturedSuggestionClicked: function handleFeaturedSuggestionClicked(suggestion) {
       try {
-        var _this$$refs2;
+        var _this$$refs3;
         if (suggestion.action === featuredSuggestionsActionTypes.NAVIGATE) {
           var _JSON$parse = JSON.parse(suggestion.subAction),
             _JSON$parse$target = _JSON$parse.target,
@@ -1727,7 +1766,7 @@ var SearchBox = defineComponent({
           func(suggestion, this.$data.currentValue, this.$props.customEvents);
         }
         if (suggestion.action === featuredSuggestionsActionTypes.SELECT) {
-          this.setValue(suggestion.value, true, this.$props, this.$options.isTagsMode.current ? causes.SUGGESTION_SELECT : causes.ENTER_PRESS);
+          this.setValue(suggestion.value, true, this.$props, this.$options.isTagsMode.current ? causes.SUGGESTION_SELECT : causes.ENTER_PRESS, false);
           this.onValueSelectedHandler(suggestion.value, causes.SUGGESTION_SELECT);
         }
         // blur is important to close the dropdown
@@ -1735,21 +1774,36 @@ var SearchBox = defineComponent({
         // else Downshift probably is focusing the dropdown
         // and not letting it close
         // eslint-disable-next-line no-unused-expressions
-        (_this$$refs2 = this.$refs) == null || (_this$$refs2 = _this$$refs2[this.$props.innerRef]) == null ? void 0 : _this$$refs2.blur();
+        (_this$$refs3 = this.$refs) == null || (_this$$refs3 = _this$$refs3[this.$props.innerRef]) == null || (_this$$refs3 = _this$$refs3.el) == null ? void 0 : _this$$refs3.blur();
       } catch (e) {
         console.error("Error: There was an error parsing the subAction for the featured suggestion with label, \"" + suggestion.label + "\"", e);
       }
     },
     onSuggestionSelected: function onSuggestionSelected(suggestion) {
       var _this4 = this;
-      if (!this.$props.enableAI) this.isOpen = false;else {
+      var value = this.$props.value;
+      // The state of the suggestion is open by the time it reaches here. i.e. isOpen = true
+      // handle when FAQ suggestion is clicked
+      if (suggestion && suggestion._suggestion_type === suggestionTypes.FAQ) {
+        this.currentValue = suggestion.value;
+        // Handle AI
+        // Independent of enableAI.
+        this.faqAnswer = suggestion._answer;
+        this.faqQuestion = suggestion.value;
+        this.isOpen = true;
         this.showAIScreen = true;
+        if (value !== undefined) this.$emit('change', suggestion.value, function () {});
+        this.onValueSelectedHandler(suggestion.value);
+        return;
       }
-      var value = this.$props.value;
 
       // handle featured suggestions click event
       if (suggestion._suggestion_type === suggestionTypes.Featured) {
         this.handleFeaturedSuggestionClicked(suggestion);
+        // Handle AI
+        if (!this.$props.enableAI) this.isOpen = false;else {
+          this.showAIScreen = true;
+        }
         return;
       }
       // Record analytics for selected suggestions
@@ -1779,6 +1833,11 @@ var SearchBox = defineComponent({
         });
       }
       this.onValueSelectedHandler(suggestion.value, causes.SUGGESTION_SELECT, suggestion.source);
+
+      // Handle AI
+      if (!this.$props.enableAI) this.isOpen = false;else {
+        this.showAIScreen = true;
+      }
     },
     onValueSelectedHandler: function onValueSelectedHandler(currentValue) {
       if (currentValue === void 0) {
@@ -2022,14 +2081,14 @@ var SearchBox = defineComponent({
       })]);
     },
     focusSearchBox: function focusSearchBox(event) {
-      var _this$$refs3;
+      var _this$$refs4;
       var elt = event.target || event.srcElement;
       var tagName = elt.tagName;
       if (elt.isContentEditable || tagName === 'INPUT' || tagName === 'SELECT' || tagName === 'TEXTAREA') {
         // already in an input
         return;
       }
-      (_this$$refs3 = this.$refs) == null || (_this$$refs3 = _this$$refs3[this.$props.innerRef]) == null || (_this$$refs3 = _this$$refs3.$el) == null ? void 0 : _this$$refs3.focus(); // eslint-disable-line
+      (_this$$refs4 = this.$refs) == null || (_this$$refs4 = _this$$refs4[this.$props.innerRef]) == null || (_this$$refs4 = _this$$refs4.$el) == null ? void 0 : _this$$refs4.focus(); // eslint-disable-line
     },
     listenForFocusShortcuts: function listenForFocusShortcuts() {
       var _this9 = this;
@@ -2248,8 +2307,8 @@ var SearchBox = defineComponent({
       var customAIRenderer = this.$props.renderAIAnswer || this.$slots.renderAIAnswer;
       if (customAIRenderer) {
         return customAIRenderer({
-          question: this.AIResponse && this.AIResponse.response && this.AIResponse.response.question,
-          answer: this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.text,
+          question: this.mergedAIQuestion,
+          answer: this.mergedAIAnswer,
           documentIds: this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.documentIds || [],
           loading: this.isAIResponseLoading || this.isLoading,
           sources: this.getAISourceObjects(),
@@ -2260,7 +2319,7 @@ var SearchBox = defineComponent({
         return this.renderAIScreenLoader();
       }
       return createVNode("div", null, [createVNode(Answer, {
-        "innerHTML": md.render(this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.text)
+        "innerHTML": md.render(this.mergedAIAnswer)
       }, null), this.renderAIScreenFooter(), this.showFeedbackComponent && createVNode("div", {
         "class": "" + (getClassName$1(this.$props.innerClass, 'ai-feedback') || '')
       }, [createVNode(AIFeedback, {
@@ -2451,7 +2510,7 @@ var SearchBox = defineComponent({
                     }), _transformOn(getItemEvents({
                       item: sectionItem
                     })), {
-                      "key": index + sectionIndex,
+                      "key": sectionItem._id + "_" + index + "_" + sectionIndex,
                       "style": {
                         justifyContent: 'flex-start',
                         alignItems: 'center'
@@ -2462,7 +2521,7 @@ var SearchBox = defineComponent({
                     }), _transformOn(getItemEvents({
                       item: sectionItem
                     })), {
-                      "key": index + sectionIndex,
+                      "key": sectionItem._id + "_" + index + "_" + sectionIndex,
                       "style": {
                         justifyContent: 'flex-start',
                         alignItems: 'center'
@@ -2684,7 +2743,9 @@ var md$1 = new Remarkable();
 md$1.set({
   html: true,
   breaks: true,
-  xhtmlOut: true
+  xhtmlOut: true,
+  linkify: true,
+  linkTarget: '_blank'
 });
 var _inputWrapperRef = 'inputWrapperRef';
 var _inputRef = 'inputRef';

package/dist/es/install.js

@@ -28,9 +28,9 @@ import '@appbaseio/analytics';
 import 'url-search-params-polyfill';
 import './ReactiveBase.js';
 import 'hotkeys-js';
-import 'remarkable';
 import 'xss';
-export { i as default } from './install-28637a98.js';
+import 'remarkable';
+export { i as default } from './install-45c35093.js';
 import './DropDown-845623df.js';
 import './Input-83dee8c5.js';
 import 'compute-scroll-into-view';

package/dist/es/version.js

@@ -1,3 +1,3 @@
-var version = "3.0.0-rc.16";
+var version = "3.0.0-rc.17";
 
 export default version;

package/package.json

@@ -1,94 +1,94 @@
 {
-	"name": "@appbaseio/reactivesearch-vue",
-	"version": "3.0.0-rc.16",
-	"private": false,
-	"main": "dist/cjs/index.js",
-	"jsnext:main": "dist/es/index.js",
-	"module": "dist/es/index.js",
-	"typings": "dist/index.d.ts",
-	"description": "A Vue UI components library for building search experiences",
-	"keywords": [
-		"appbase",
-		"elasticsearch",
-		"search"
-	],
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/appbaseio/reactivesearch.git"
-	},
-	"author": "Kuldeep Saxena <kuldepsaxena155@gmail.com>",
-	"license": "Apache-2.0",
-	"scripts": {
-		"watch": "nps watch",
-		"serve": "vue-cli-service serve",
-		"build": "vue-cli-service build",
-		"start": "nps",
-		"pretest": "nps build",
-		"test": "nps test",
-		"precommit": "lint-staged",
-		"prepare": "npm start validate",
-		"version-upgrade": "nps upgrade-vue -c ../../package-scripts.js",
-		"postpublish": "yarn run version-upgrade"
-	},
-	"files": [
-		"dist"
-	],
-	"sideEffects": false,
-	"dependencies": {
-		"@appbaseio/analytics": "^1.2.0-alpha.1",
-		"@appbaseio/reactivecore": "10.0.0-alpha.30",
-		"@appbaseio/vue-emotion": "0.6.0-alpha.6",
-		"@emotion/css": "^11.10.5",
-		"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
-		"appbase-js": "^5.2.0",
-		"compute-scroll-into-view": "^1.0.11",
-		"emotion": "11.0.0",
-		"hotkeys-js": "^3.8.7",
-		"ngeohash": "^0.6.3",
-		"polished": "^2.2.0",
-		"redux": "^4.0.0",
-		"remarkable": "^2.0.1",
-		"url-search-params-polyfill": "^7.0.0",
-		"vue-google-maps-community-fork": "^0.1.7",
-		"vue-highlight-words": "^1.2.0",
-		"vue-no-ssr": "^1.1.0",
-		"vue-slider-component": "next",
-		"vue-types": "^5.0.2",
-		"xss": "^1.0.11"
-	},
-	"peerDependencies": {
-		"vue": "^3.1.0"
-	},
-	"devDependencies": {
-		"@babel/plugin-external-helpers": "^7.2.0",
-		"@babel/plugin-proposal-class-properties": "^7.5.5",
-		"@babel/plugin-proposal-json-strings": "^7.2.0",
-		"@babel/plugin-syntax-dynamic-import": "^7.2.0",
-		"@babel/plugin-syntax-import-meta": "^7.2.0",
-		"@babel/plugin-syntax-jsx": "^7.2.0",
-		"@babel/preset-env": "^7.5.5",
-		"@babel/preset-stage-2": "^7.0.0",
-		"@vue/babel-plugin-jsx": "^1.1.1",
-		"@vue/compiler-sfc": "^3.0.11",
-		"eslint": "^4.12.0",
-		"eslint-config-airbnb-base": "^13.1.0",
-		"eslint-config-prettier": "^3.1.0",
-		"eslint-plugin-vue": "^4.7.1",
-		"nps": "^5.9.3",
-		"nps-utils": "^1.7.0",
-		"postcss": "^8.3.0",
-		"rollup": "^1.20.3",
-		"rollup-plugin-babel": "^4.3.3",
-		"rollup-plugin-commonjs": "^10.1.0",
-		"rollup-plugin-json": "^4.0.0",
-		"rollup-plugin-node-builtins": "^2.1.2",
-		"rollup-plugin-node-globals": "^1.4.0",
-		"rollup-plugin-node-resolve": "^5.2.0",
-		"rollup-plugin-postcss": "^4.0.0",
-		"rollup-plugin-replace": "^2.2.0",
-		"rollup-plugin-terser": "^5.1.1",
-		"rollup-plugin-vue": "^6.0.0",
-		"typescript": "^5.0.0",
-		"vue-eslint-parser": "^3.2.2"
-	}
+    "name": "@appbaseio/reactivesearch-vue",
+    "version": "3.0.0-rc.17",
+    "private": false,
+    "main": "dist/cjs/index.js",
+    "jsnext:main": "dist/es/index.js",
+    "module": "dist/es/index.js",
+    "typings": "dist/index.d.ts",
+    "description": "A Vue UI components library for building search experiences",
+    "keywords": [
+        "appbase",
+        "elasticsearch",
+        "search"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/appbaseio/reactivesearch.git"
+    },
+    "author": "Kuldeep Saxena <kuldepsaxena155@gmail.com>",
+    "license": "Apache-2.0",
+    "scripts": {
+        "watch": "nps watch",
+        "serve": "vue-cli-service serve",
+        "build": "vue-cli-service build",
+        "start": "nps",
+        "pretest": "nps build",
+        "test": "nps test",
+        "precommit": "lint-staged",
+        "prepare": "npm start validate",
+        "version-upgrade": "nps upgrade-vue -c ../../package-scripts.js",
+        "postpublish": "yarn run version-upgrade"
+    },
+    "files": [
+        "dist"
+    ],
+    "sideEffects": false,
+    "dependencies": {
+        "@appbaseio/analytics": "^1.2.0-alpha.1",
+        "@appbaseio/reactivecore": "10.0.0-alpha.34",
+        "@appbaseio/vue-emotion": "0.6.0-alpha.6",
+        "@emotion/css": "^11.10.5",
+        "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
+        "appbase-js": "^5.2.0",
+        "compute-scroll-into-view": "^1.0.11",
+        "emotion": "11.0.0",
+        "hotkeys-js": "^3.8.7",
+        "ngeohash": "^0.6.3",
+        "polished": "^2.2.0",
+        "redux": "^4.0.0",
+        "remarkable": "^2.0.1",
+        "url-search-params-polyfill": "^7.0.0",
+        "vue-google-maps-community-fork": "^0.1.7",
+        "vue-highlight-words": "^1.2.0",
+        "vue-no-ssr": "^1.1.0",
+        "vue-slider-component": "next",
+        "vue-types": "^5.0.2",
+        "xss": "^1.0.11"
+    },
+    "peerDependencies": {
+        "vue": "^3.1.0"
+    },
+    "devDependencies": {
+        "@babel/plugin-external-helpers": "^7.2.0",
+        "@babel/plugin-proposal-class-properties": "^7.5.5",
+        "@babel/plugin-proposal-json-strings": "^7.2.0",
+        "@babel/plugin-syntax-dynamic-import": "^7.2.0",
+        "@babel/plugin-syntax-import-meta": "^7.2.0",
+        "@babel/plugin-syntax-jsx": "^7.2.0",
+        "@babel/preset-env": "^7.5.5",
+        "@babel/preset-stage-2": "^7.0.0",
+        "@vue/babel-plugin-jsx": "^1.1.1",
+        "@vue/compiler-sfc": "^3.0.11",
+        "eslint": "^4.12.0",
+        "eslint-config-airbnb-base": "^13.1.0",
+        "eslint-config-prettier": "^3.1.0",
+        "eslint-plugin-vue": "^4.7.1",
+        "nps": "^5.9.3",
+        "nps-utils": "^1.7.0",
+        "postcss": "^8.3.0",
+        "rollup": "^1.20.3",
+        "rollup-plugin-babel": "^4.3.3",
+        "rollup-plugin-commonjs": "^10.1.0",
+        "rollup-plugin-json": "^4.0.0",
+        "rollup-plugin-node-builtins": "^2.1.2",
+        "rollup-plugin-node-globals": "^1.4.0",
+        "rollup-plugin-node-resolve": "^5.2.0",
+        "rollup-plugin-postcss": "^4.0.0",
+        "rollup-plugin-replace": "^2.2.0",
+        "rollup-plugin-terser": "^5.1.1",
+        "rollup-plugin-vue": "^6.0.0",
+        "typescript": "^5.0.0",
+        "vue-eslint-parser": "^3.2.2"
+    }
 }