Adjust app to unified search in NC20

Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>

package.json

@@ -29,6 +29,7 @@
 	"dependencies": {
 		"@nextcloud/axios": "^1.3.3",
 		"@nextcloud/dialogs": "^2.0.0",
+		"@nextcloud/event-bus": "^1.2.0",
 		"@nextcloud/initial-state": "1.1.2",
 		"@nextcloud/moment": "^1.1.1",
 		"@nextcloud/router": "^1.1.0",

src/main.js

@@ -31,6 +31,8 @@ import VTooltip from 'v-tooltip'
 import VueClipboard from 'vue-clipboard2'
 import { linkTo } from '@nextcloud/router'
 
+import { subscribe, unsubscribe } from '@nextcloud/event-bus'
+
 // Disable on production
 Vue.config.devtools = true
 Vue.config.performance = true
@@ -83,12 +85,22 @@ OCA.Tasks.App = new Vue({
 		}
 	},
 	mounted() {
-		this.$OC.Search = new OCA.Search(this.filter, this.cleanSearch)
+		const version = this.$OC.config.version.split('.')
+
+		if (version[0] >= 20) {
+			// Hook to new global event for unified search
+			subscribe('search:update', this.filter)
+		} else {
+			this.$OC.Search = new OCA.Search(this.filter, this.cleanSearch)
+		}
 	},
 	beforeMount() {
 		this.$store.dispatch('loadCollections')
 		this.$store.dispatch('loadSettings')
 	},
+	beforeDestroy() {
+		unsubscribe('search:update', this.filter)
+	},
 	methods: {
 		filter(query) {
 			this.$store.commit('setSearchQuery', query)