Merge branch 'vue-tree-list' of https://github.com/appbaseio/reactivesearch into next

Author: bietkul

packages/maps/examples/GeoDistanceDropdown/package.json

@@ -6,7 +6,7 @@
     "license": "Apache-2.0",
     "dependencies": {
         "@appbaseio/reactivemaps": "3.0.2",
-        "@appbaseio/reactivesearch": "4.0.0-alpha.1",
+        "@appbaseio/reactivesearch": "4.0.0-alpha.2",
         "react": "^17.0.0",
         "react-dom": "^17.0.0",
         "react-scripts": "3.0.1"

packages/maps/examples/GeoDistanceSlider/package.json

@@ -6,7 +6,7 @@
     "license": "Apache-2.0",
     "dependencies": {
         "@appbaseio/reactivemaps": "3.0.2",
-        "@appbaseio/reactivesearch": "4.0.0-alpha.1",
+        "@appbaseio/reactivesearch": "4.0.0-alpha.2",
         "react": "^17.0.0",
         "react-dom": "^17.0.0",
         "react-scripts": "3.0.1"

packages/maps/examples/ReactiveMap/package.json

@@ -6,7 +6,7 @@
     "license": "Apache-2.0",
     "dependencies": {
         "@appbaseio/reactivemaps": "3.0.2",
-        "@appbaseio/reactivesearch": "4.0.0-alpha.1",
+        "@appbaseio/reactivesearch": "4.0.0-alpha.2",
         "react": "^17.0.0",
         "react-dom": "^17.0.0",
         "react-scripts": "3.0.1"

packages/maps/examples/mongo-examples/GeoDistanceDropdown/package.json

@@ -6,7 +6,7 @@
     "license": "Apache-2.0",
     "dependencies": {
         "@appbaseio/reactivemaps": "3.0.2",
-        "@appbaseio/reactivesearch": "4.0.0-alpha.1",
+        "@appbaseio/reactivesearch": "4.0.0-alpha.2",
         "react": "^17.0.0",
         "react-dom": "^17.0.0",
         "react-scripts": "3.0.1"

packages/maps/examples/mongo-examples/GeoDistanceSlider/package.json

@@ -6,7 +6,7 @@
     "license": "Apache-2.0",
     "dependencies": {
         "@appbaseio/reactivemaps": "3.0.2",
-        "@appbaseio/reactivesearch": "4.0.0-alpha.1",
+        "@appbaseio/reactivesearch": "4.0.0-alpha.2",
         "react": "^17.0.0",
         "react-dom": "^17.0.0",
         "react-scripts": "3.0.1"

packages/maps/examples/mongo-examples/ReactiveMap/package.json

@@ -6,7 +6,7 @@
     "license": "Apache-2.0",
     "dependencies": {
         "@appbaseio/reactivemaps": "3.0.2",
-        "@appbaseio/reactivesearch": "4.0.0-alpha.1",
+        "@appbaseio/reactivesearch": "4.0.0-alpha.2",
         "react": "^17.0.0",
         "react-dom": "^17.0.0",
         "react-scripts": "3.0.1"

packages/playground

@@ -19,7 +19,13 @@
 					:autosuggest="false"
 					:highlight="true"
 					:URLParams="true"
-					:data-field="['original_title', 'original_title.search']"
+					:data-field="[
+						'original_title',
+						'original_title.search',
+						'authors',
+						'authors.search',
+					]"
+					:debounce="250"
 					component-id="SearchSensor"
 					placeholder="Search by books names"
 					icon-position="left"
@@ -57,12 +63,15 @@
 							<div :id="item._id" :key="item._id" class="flex book-content">
 								<img :src="item.image" alt="Book Cover" class="book-image" />
 								<div class="flex column justify-center ml20">
-									<div class="book-header" inner-html="item.original_title"></div>
+									<div class="book-header" v-html="item.original_title"></div>
 									<div class="flex column justify-space-between">
 										<div>
 											<div>
 												by
-												<span class="authors-list">{{ item.authors }}</span>
+												<span
+													class="authors-list"
+													v-html="item.authors"
+												></span>
 											</div>
 											<div class="ratings-list flex align-center">
 												<span class="stars">

packages/vue/examples/with-ssr/components/search.vue

@@ -1,34 +1,19 @@
+<script setup>
+import { getServerState } from '@appbaseio/reactivesearch-vue';
+import Search from '../components/search.vue';
+
+// eslint-disable-next-line no-undef
+const route = useRoute();
+// eslint-disable-next-line no-unused-vars,no-undef
+const { data, pending, error, refresh } = await useAsyncData(() =>
+	getServerState(Search, route.query),
+);
+// eslint-disable-next-line no-unused-vars
+const initialState = data.value;
+</script>
 
 <template>
   <div>
-    <Search 
-      :initial-state="initialState" 
-      :context-collector="contextCollector" />
+    <search :initial-state="initialState" />
   </div>
 </template>
-
-
-<script>
-import { getServerState } from '@appbaseio/reactivesearch-vue';
-import Search from '../components/search.vue';
-
-export default defineNuxtComponent({
-	async asyncData() {
-		const route = useRoute();
-		try {
-			const initialState = await getServerState(Search, route.query);
-			console.log('INITIAL STATE', initialState);
-			return {
-				initialState,
-			};
-		} catch (e) {
-			console.log('ERROR', e);
-			console.error('error', e);
-			return { error: e };
-		}
-	},
-	created() {
-		console.log('THIS IS ERROR', this.initialState, this.error);
-	},
-});
-</script>

packages/vue/examples/with-ssr/pages/index.vue

@@ -5,7 +5,7 @@
 	"main": "index.js",
 	"license": "Apache-2.0",
 	"dependencies": {
-		"@appbaseio/reactivesearch": "4.0.0-alpha.1",
+		"@appbaseio/reactivesearch": "4.0.0-alpha.2",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-scripts": "5.0.1"